Header Columns Not Fits Body Columns
Header Columns Not Fits Body Columns
mertdogan
Posts: 9Questions: 3Answers: 0
var dTable=$('#assetBuyOrdersTable').DataTable({
"ajax": {
"url":"<?=site_url('Feed/OrderListOfAsset/BUY/'.REHBER_COIN_SHORT_NAME);?>",
"type":"POST",
data: function(dtRequest) {
return dtRequest;
},
},
"columns": [
{ "data": "NO" },
{ "data": "DEGER" },
{ "data": "ASSET" },
{ "data": "TRY" },
],
"columnDefs": [
{
"targets": [ 0 ],
"visible": false,
},
{
"targets": [ 1 ],
"searchable": false
},
{
"targets": [ 2 ],
"searchable": false
},
{
"targets": [ 3 ],
"searchable": false
},
],
"deferRender": true,
"processing": true,
"serverSide": true,
"scrollY": "200",
"scrollCollapse": false,
"ordering": false,
"filter": false,
"info": false,
"lengthChange": false,
});
With bootstrap 4 and datatables latest version.
How can i fix it?
Answers
Fixed with https://datatables.net/forums/discussion/27063/dt-1-10-rendering-datatable-in-hidden-div-results-in-misaligned-columns and http://jsfiddle.net/pclaar/th72nh12/3/