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; } 

http://datatables.net/usage/options#sdom


Comments

Popular posts from this blog

Why does Ruby on Rails generate add a blank line to the end of a file? -

keyboard - Smiles and long press feature in Android -

node.js - Bad Request - node js ajax post -