DataTables JSON Api escape content

Question

I got some data that I'm pulling from JSON API endpoint, one of the data records has object property called requestor. Here is what I mean :

data looks like so -> [{requestor: "First Lastname <[email protected]>", some_other: 'prop'}, {requestor: "Lastname first <[email protected]>", some_other: 'prop'}...{requestor n}]

The problem with this is that when it renders the table column content it renders it like so :

As a result only First Lastname shows up for the column content on the screen.

Is there a way I can 'escape' these < > or do something so this is treated like a text and not like HTML tag?

Datatables does offer render function callback, where I can return anything, but what do I return for this to be treated like a text?

Update per first edit below:

I can't want to replace < and > I need to print this into the table column First Lastname <[email protected]>

Rahul Pal · Accepted Answer · 2020-05-29 12:29:36Z

1

A simple regex in render worked for me. Here is the code:

$('#dtable').DataTable({
    data: [{requestor: "First Lastname <[email protected]>", some_other: 'prop'}, {requestor: "Lastname first <[email protected]>", some_other: 'prop'}],
    columns: [
      {
        data: 'requestor',
        render: data => data.replace(/[<]/g, '&lt;').replace(/[>]/g, '&gt;')
      },
      {data: 'some_other'}
    ],
})

edited May 29, 2020 at 12:29

answered May 29, 2020 at 9:18

Rahul Pal

1061 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Echotest Over a year ago

hi @Rahul Pal I want to render First Lastname <[email protected]> I don't want to replace the <>, how can I do that?

davidkonrad Over a year ago

@Echotest You can also use render: $.fn.dataTable.render.text()

Collectives™ on Stack Overflow

DataTables JSON Api escape content

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related