Row height for a fixed column is different from other columns row height
Row height for a fixed column is different from other columns row height
I have setup datatables to have the first column fixed and it works in Chrome, Firefox and Safari.
The problem is in Windows 8, Internet Explorer 10. The row height for rows in the fixed column are slightly misaligned in comparison to the other columns row height.
Config:
- Datatables 1.10.15
- Link: https://cdn.datatables.net/v/bs/jqc-1.12.4/dt-1.10.15/cr-1.3.3/fc-3.2.2/fh-3.1.2/r-2.1.1/rg-1.0.0/datatables.min.js
- Bootstrap CSS framework
- Link: https://cdn.datatables.net/v/bs/jqc-1.12.4/dt-1.10.15/cr-1.3.3/fc-3.2.2/fh-3.1.2/r-2.1.1/rg-1.0.0/datatables.min.css
- <table width="100%">
var table = $('.targettable').DataTable({
"ordering": false,
"paging": false,
"info": false,
"searching": false,
"fixedColumns": true,
"scrollX": true,
"autoWidth": false
});
See this screenshot:
https://imgur.com/a/eOI1G
Answers
I am having the same problem!