Scroll issue in Jquery DataTable -
i not sure if repeating question if yes guide right place :)
i using data table , trying implement horizontal scrolling , found link
http://www.datatables.net/examples/basic_init/scroll_x.html
i used these properties in data table code , having issues in ui.
my data got horizontal scroll bar columns didn't expand , not working expected.i got additional empty column below normal column.
basically ui messed up. saw old thread discussion on same!
datatables fixed headers misaligned columns in wide tables
are these issues fixed solutions ?
================================
adding sample code
$("#results").datatable({ "aadata": [ //my data ], "aocolumns": [ //my columns ], "bpaginate": true, "bsort": true, "bfilter": false, "bjqueryui": false, "bprocessing": true, "sscrollx": "100%", "sscrollxinner": "110%", "bscrollcollapse": true });
i had similar issue, solved in different way.
i modified sdom
parameter wrap table in div
:
sdom: 'r<"h"lf><"datatable-scroll"t><"f"ip>',
i applied following styles .datatable-scroll
class:
/** * makes table have horizontal scroll bar if wide container */ .datatable-scroll { overflow-x: auto; overflow-y: visible; }
Comments
Post a Comment