DataTables rendering custom column

Question

Is it possible to render custom column in DataTables.net? I've read a lot of tutorials and documentations, but cannot make it working. I would like to create thirds column with link where I use information from first column. My code looks like these:

$(document).ready(function () {
    $('#categories').DataTable({
        "ajax": '@Url.Action("Table", "Categories")',
        "columns": [
            { "data": "Name" },
            { "data": "Parent" },
            null
        ],
        "columnsDefs": [
            {
                "render": function(data){
                    return "<a href='~/Admin/Categories/Edit' + data.Name + '>EDIT</a>";
                },
                "targets": 0
            }
        ]
    });
});

In json I'm only getting Name and Parent column informations. Any ideas to create third column with Name inside it? Thanks!

Ashiv3r · Accepted Answer · 2017-01-28 11:02:01Z

22

Okay, so I've managed to do it by myself. Here is the answer for next generations:

 $(document).ready(function () {
    $('#categories').dataTable({
        "ajax": '@Url.Action("Table", "Categories")',
        "aoColumns": [
            { "data": "Name" },
            { "data": "Parent" },
            {
                "mData": "Name",
                "mRender": function (data, type, row) {
                    return "<a href='Admin/Categories/Edit/" + data + "'>EDIT</a>";
                }
            }
        ]
    });
});

answered Jan 28, 2017 at 11:02

Ashiv3r

1,0144 gold badges16 silver badges28 bronze badges

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

3 Comments

Ashiv3r Over a year ago

Unfortunately, I don't have this project on my disk anymore. If you have any questions maybe I'll help you :)

Oneezy Over a year ago

thanks! I actually figured out my problem the other day

Ashiv3r Over a year ago

Cool! Good to hear that!

Collectives™ on Stack Overflow

DataTables rendering custom column

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related