Quantcast
Channel: DataTables 1.9 — DataTables forums
Viewing all articles
Browse latest Browse all 1816

Header and Body column misalignment when using sScrollY

$
0
0

Hi,<br />
<br />
I am using Datatables 1.9.4 and have linked my page to Datatables debugger link - <a href="http://debug.datatables.net/exaquv" target="_blank" rel="nofollow">http://debug.datatables.net/exaquv</a<br />
<br />
There are 3 Datatables in the link, all of them have client side processing and with sScrollY set. When I set the vertical scrolling, the column body misaligns with the header. Please check this issue and advise.<br />
<br />
This is my code...<br />
<code class='multiline brush: js;'>
$(&#039;#scheduledJobsTable&#039;).dataTable({
&quot;sScrollY&quot;: (0.9 * $(window).height()),

&quot;sDom&quot;: &#039;Rrt&#039;,
&quot;aaSorting&quot;: [[4,&#039;asc&#039;]],
&quot;bPaginate&quot;: false,
&quot;sAjaxSource&quot;: scheduledJobsURL,
&quot;bServerSide&quot;: false,
&quot;bAutoWidth&quot; : false,
&quot;bScrollCollapse&quot;: true,
&quot;aoColumns&quot;:
[
{&quot;mData&quot; : &quot;jobId&quot;, &quot;sTitle&quot; : &quot;ID&quot;, &quot;sWidth&quot;: &quot;2%&quot;},
{&quot;mData&quot; : &quot;jobType&quot;, &quot;sTitle&quot; : &quot;Job Type&quot;, &quot;sWidth&quot;: &quot;10%&quot;},
{&quot;mData&quot; : &quot;jobDetails&quot;, &quot;sTitle&quot; : &quot;Parameters&quot;, &quot;sWidth&quot;: &quot;10%&quot;},
{&quot;mData&quot; : &quot;lastRunTimeString&quot;, &quot;sTitle&quot; : &quot;Last Run&quot;, &quot;sWidth&quot;: &quot;8%&quot;},
{&quot;mData&quot; : &quot;nextRunTimeString&quot;, &quot;sTitle&quot; : &quot;Next Run&quot;, &quot;sWidth&quot;: &quot;8%&quot;},
{&quot;mData&quot; : &quot;singleRunJobTimings&quot;, &quot;sTitle&quot; : &quot;Single Run Timings&quot;, &quot;sWidth&quot;: &quot;15%&quot;},
{&quot;mData&quot; : &quot;recurringRunJobTimings&quot;, &quot;sTitle&quot; : &quot;Recurring Frequency&quot;, &quot;sWidth&quot;: &quot;8%&quot;},
{&quot;mData&quot; : &quot;runStartTimeString&quot;, &quot;sTitle&quot; : &quot;Run Start Time&quot;, &quot;sWidth&quot;: &quot;8%&quot;},
{&quot;mData&quot; : &quot;runEndTimeString&quot;, &quot;sTitle&quot; : &quot;Run Stop Time&quot;, &quot;sWidth&quot;: &quot;8%&quot;},
{&quot;mData&quot; : &quot;activeInd&quot;, &quot;sTitle&quot; : &quot;Enabled&quot;, &quot;sWidth&quot;: &quot;4%&quot;},
{&quot;mData&quot; : &quot;forceRun&quot;, &quot;sTitle&quot; : &quot;Force Run&quot;, &quot;sWidth&quot;: &quot;4%&quot;},
{&quot;mData&quot; : &quot;dayInWeek&quot;, &quot;sTitle&quot; : &quot;Scheduled Days&quot;, &quot;sWidth&quot;: &quot;15%&quot;}
]
});

</code>


Viewing all articles
Browse latest Browse all 1816

Trending Articles