Quantcast
Channel: Recent Discussions — DataTables forums
Viewing all articles
Browse latest Browse all 82109

Problems with ScrollX and ScrollY

$
0
0
Hi Guys,

First of all, wanted to say that we use DataTables on our online system and we love it!

Second, there a page that we use datatables with jeditable, scrollx and scrolly.
The problem is when we use the filter that sometimes returns one record and the horizontal scrollbar covers that record.

Here's the initialization

 var calcDataTableHeight = function() {
        return $(window).height()*65/100;
    };

$(document).ready(function(){
	console.log(calcDataTableHeight());
	oTable = $('#dataTable').dataTable({
			"bJQueryUI": true,
			"sScrollX": "100%",
			"sScrollXInner": "400%",
			"sScrollY": calcDataTableHeight(),
			"bScrollCollapse": true,
			"bScrollAutoCss": true,
			"bAutoWidth": false,
			"bDeferRender": true,
			"bPaginate": true,
			"bProcessing": true
		
		});

	oTable.fnSettings().oScroll.sY = oTable.fnSettings().oScroll.sY +35;
	$('div.dataTables_scrollBody').css("height", "100%");
		
	$("div.dataTables_scrollHeadInner").css("width","100%");
	$("table.dataTable").css("width","100%");

	$(".dataTables_filter").css({"float":"right"});

Any help would be great

Viewing all articles
Browse latest Browse all 82109

Trending Articles