Datatables Server Side - Using HTML

Question

I use to datatables with server side option it is working but I pull some record from sql table and then I want to some column add html tags but it doesn't work I couldn't find a simple document. Can you help with this

Best Regards.

Js code is below

<script>
    $(document).ready(function() {
    $('#example').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": {
            "url": "server_side/server_processing.php",
        }
    } );
} );
</script>

Server-side code is below

$columns = array(
    array( 'db' => 'id', 'dt' => 0 ),
    array( 'db' => 'name',  'dt' => 1 ),
    array( 'db' => 'phone',   'dt' => 2 ),

);

i want it to be phone column in ajax file for example is below

<a href="tel:phone">phone</a>

thank you for your answer in advance

please refer : editor.datatables.net/examples/simple/…

JIJOMON K.A
– JIJOMON K.A

2018-10-13 12:04:13 +00:00
Commented Oct 13, 2018 at 12:04 — JIJOMON K.A
– JIJOMON K.A, Commented Oct 13, 2018 at 12:04

Gyrocode.com · Accepted Answer · 2018-10-13 21:08:29Z

2

So here is my way to fix your problem, let me know if it works for you.

$(document).ready(function() {
    $('#example').DataTable({
        "processing": true,
        "serverSide": true,
        "ajax": {
            "url": "server_side/server_processing.php"
        },
        columnDefs: [{
            targets: 2,
            render: function(data, type, row, meta) {
                if (type === 'display') {
                    data = '<a href="tel:' + data + '">' + data + '</a>';
                }

                return data;
            }
        }]
    });
});

edited Oct 13, 2018 at 21:08

Gyrocode.com

59k16 gold badges157 silver badges192 bronze badges

answered Oct 13, 2018 at 12:47

Dor Perez

965 bronze badges

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

Collectives™ on Stack Overflow

Datatables Server Side - Using HTML

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related