Search

document).ready(function () { $("#" + chartId).DataTable({ data: chartData.data.datasets[0].data, columns: chartData.data.labels, responsive: true, colReorder:

I want all the columns to appear horizontally on

css( 'font-size', 'inherit' ); }, exportOptions: { columns: ':visible' }, message: '<br>', }, { text:

filtering, as the filterable columns themselves don't change. i

info: false, "autoWidth": false, "columns": [ { "width": "20%" }, { "width": "80%"

table doesn't have fixed columns, but the last one

options on the remaining columns. However, the way "multi"

return_data = json; return return_data.data; } }, columns:[ {data:null,'name':'RowNumber','title':'RoN','width':'1%'}, { data:'UserName','name':'UserName','title':'UName','width':'10%' }, { data:'FirstName','name':'FirstName','title':'Name','width':'10%' }, { data:'LastName','name':'LastName','title':'Family','width':'10%'

Just take a look at the following code: columns: [ { data: 'status'}, { render: function(data, type, row, meta) { return $('<img>').attr('src', row.image).get(0); } } ] While I load my webpage with the upper code it show [object HTMLImageElement] in that column.

part I define the columns in the columnDefs part.