issue with the scrollbars they make alignment issues with the fixed columns and lines.

issue with the scrollbars they make alignment issues with the fixed columns and lines.

boucdurboucdur Posts: 1Questions: 0Answers: 0
edited November 2012 in General
Hello,

I created an example here to see what's going on :
http://www.francois-rosenbaum.com/staging/test_datatables/test_datatables_3.html

In my case I'm just using datables for static datas.
If I use datatables it is only to use datables ability to fix the first column and thead in place (still) just like in an excel table

MY ISSUE :
when I get the 1st column fixed and when I use a scrollbar as well then the content is not align anymore with the fixed column.
It's driving me mad.
Obviously it comes from the scrollbar itself. The scrollbar width and height make this bad alignment.

Here is my code :
[code]


$(document).ready(function() {
oTable = $('#example').dataTable({
"sScrollX": "100%",
"bScrollCollapse": true,
"bPaginate": false,
"bLengthChange": false,
"bFilter": false,
"bSort": false,
"bInfo": false,
"bAutoWidth": false,
"sHeightMatch": "auto",
"sPaginationType": "full_numbers",
"oLanguage": {
"sProcessing": "Traitement en cours...",
"sLengthMenu": "Afficher _MENU_ ",
"sZeroRecords": "Aucun élément à afficher",
"sInfo": "Affichage de l'élement _START_ à _END_ sur _TOTAL_ éléments",
"sInfoEmpty": "Affichage de l'élement 0 à 0 sur 0 éléments",
"sInfoFiltered": "(filtré de _MAX_ éléments au total)",
"sInfoPostFix": "",
"sSearch": "Rechercher ",
"sLoadingRecords": "Téléchargement...",
"sUrl": "",
"oPaginate": {
"sFirst": "Premier",
"sPrevious": "Précédent",
"sNext": "Suivant",
"sLast": "Dernier"
}
}
});

new FixedColumns( oTable, {
"iLeftColumns": 2
} );



} );


[/code]

I've tried to make a huge table like this for years :
- the first column
- the thead fixed
- scrollbars vertically and horrozontaly
.......


I would be so grateful to you if you can help me achieve this simple thing.

Replies

  • allanallan Posts: 63,532Questions: 1Answers: 10,475 Site admin
    It appears to work okay in Chrome and Safari for me (Mac). What browser are you using that you are seeing the issue in?

    If you want vertical scrolling as well, you should enable the sScrollY option as well as sScrollX .

    Allan
This discussion has been closed.