Search is not working on Ajax table with HTML tags

Search is not working on Ajax table with HTML tags

4ARM4ARM Posts: 2Questions: 0Answers: 0

Hi,

I've been hitting my head, becuase I can't figure out how to do this.

I have a table that has 10, 000 rows, so I decided to use server-side processing, it works although it takes a lot of time (6 or 7 seconds), right now that's a secondary problem, but is there a way to impprove it?

The main problem is that I need to put two values on the same cell, and one of the values is needed to be inside a HTML tag, for example:

<td>
ID
<span class="ft-red">Name</span>
</td>

I tried with this code:

"columns":[
mRender": function ( data, type, row ) {
return row.ID + '<br><span class="ft-red">' + row.NAME + "</span>";
},
],

It shows what I need, but the problem is that the search input stops working for the cells that shows the data like that, I also tried replacing the "mRender" with an "mData", but I get the same result.

Does any body Have an idea of what can I do?

Replies

  • kthorngrenkthorngren Posts: 21,310Questions: 26Answers: 4,948

    If you are using server side processing then the search needs to be performed by your server side code. It does not work on the client side data.

    Kevin

  • 4ARM4ARM Posts: 2Questions: 0Answers: 0

    The search is bein send to the server, it is not workin on the client side.

    The problem is that for the rows that the data was added like this is not working:

    mRender": function ( data, type, row ) {
         return row.ID + '<br><span class="ft-red">' + row.NAME + "</span>";
    },
    

    For the columns that the data was added like this is working fine:

    mRender": "ID"
    
This discussion has been closed.