Question

我使用的是Datatables插件版 1.10.1

我似乎无法找到对RTL语言的任何支持翻译选项很好，但它们只会更改文本。元素的布局和方向仍然是LTR。

是否有我忽略的内置选项？
如果有人可以对这个问题有所了解（并且可能提供一个不错的RTL css），那将会很棒。

（我正在使用bootstrap，并包含dataTables.bootstrap.css，以防万一）

Answer 1

我有同样的问题，
您可以尝试使用某个RTL段落环绕数据表：

<p dir="RTL">put Datatables  here</p>

或者将数据表div更改为RTL：

<div id="Datatables" dir="RLT"/>

或者在你的html页面上使用RTL：

 <html lang="en" dir="RTL">

Answer 2

您可以使用bootstrap RTL它为Bootstrap 3提供简单而强大的从右到左的功能，通过使用它的新主题功能。

Answer 3

您必须将direction:rtl应用于整个表容器。比如，确保在Datatable的设置参数中设置fixedColumns: true。那么，您可能需要使表格可滚动：

JS：

$(document).ready(function() {
  $('#yourTable').DataTable( {
    scrollY:        300,
    scrollX:        true,
    scrollCollapse: true,
    paging:         false,
    fixedColumns:   true
  });
});

CSS：

div.dataTables_wrapper {
    direction: rtl;
    width: 800px;
}
th, td{
    white-space: nowrap;
}

数据表 - RTL支持

3 个答案: