FixedColumns Direction RTL
FixedColumns Direction RTL
Hi everybody,
how can I set the direction to the ScrollY to RTL, as by default it is shown at the left side of the table, below is the initialization code for my Table
[code]
var oTable = $('.dataTable3').dataTable({
"bPaginate": false,
"sScrollY": "520px",
"bScrollCollapse": true,
"bLengthChange": false,
"bFilter": true,
"bSort": true,
"bInfo": false,
"bAutoWidth": false,
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"iDisplayLength": 100,
"sDom": '<"H"Tfr>t<"F"ip>',
"oLanguage":
{
"sProcessing": "جاري التحميل...",
"sLengthMenu": "أظهر مُدخلات _MENU_",
"sZeroRecords": "لم يُعثر على أية سجلات",
"sInfo": "إظهار _START_ إلى _END_ من أصل _TOTAL_ مُدخل",
"sInfoEmpty": "يعرض 0 إلى 0 من أصل 0 سجلّ",
"sInfoFiltered": "(منتقاة من مجموع _MAX_ مُدخل)",
"sInfoPostFix": "",
"sSearch": "ابحث:",
"sUrl": "",
"oPaginate": {
"sFirst": "الأول",
"sPrevious": "السابق",
"sNext": "التالي",
"sLast": "الأخير"
}
}
})
.rowGrouping({ bExpandableGrouping: true, iGroupingColumnIndex2: 1, iGroupingColumnIndex3: 2 });
new FixedColumns(oTable);
[/code]
how can I set the direction to the ScrollY to RTL, as by default it is shown at the left side of the table, below is the initialization code for my Table
[code]
var oTable = $('.dataTable3').dataTable({
"bPaginate": false,
"sScrollY": "520px",
"bScrollCollapse": true,
"bLengthChange": false,
"bFilter": true,
"bSort": true,
"bInfo": false,
"bAutoWidth": false,
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"iDisplayLength": 100,
"sDom": '<"H"Tfr>t<"F"ip>',
"oLanguage":
{
"sProcessing": "جاري التحميل...",
"sLengthMenu": "أظهر مُدخلات _MENU_",
"sZeroRecords": "لم يُعثر على أية سجلات",
"sInfo": "إظهار _START_ إلى _END_ من أصل _TOTAL_ مُدخل",
"sInfoEmpty": "يعرض 0 إلى 0 من أصل 0 سجلّ",
"sInfoFiltered": "(منتقاة من مجموع _MAX_ مُدخل)",
"sInfoPostFix": "",
"sSearch": "ابحث:",
"sUrl": "",
"oPaginate": {
"sFirst": "الأول",
"sPrevious": "السابق",
"sNext": "التالي",
"sLast": "الأخير"
}
}
})
.rowGrouping({ bExpandableGrouping: true, iGroupingColumnIndex2: 1, iGroupingColumnIndex3: 2 });
new FixedColumns(oTable);
[/code]
This discussion has been closed.
Replies
I just changed CSS
[code]
.dataTables_wrapper {
direction: ltr;
}
.dataTables_filter {
width: 50%;
float: right;
text-align: right;
direction :rtl;
}
[/code]