Fatal编程技术网
  • jquery/
  • Jquery 数据表-RTL支持

Jquery 数据表-RTL支持

jquery datatables

Jquery 数据表-RTL支持,jquery,datatables,jquery-datatables,right-to-left,Jquery,Datatables,Jquery Datatables,Right To Left,我正在使用Datatables插件版本1.10.1 我似乎找不到任何对RTL语言的支持。 翻译选项很好，但它们只会更改文本。元素的布局和方向仍然保持LTR 是否有我忽略的内置选项？ 如果有人能对这个主题有所了解（也许能提供一个像样的RTL css），那就太好了 （我正在使用bootstrap，包括dataTables.bootstrap.css，以防万一）您可以使用它，通过使用它的新主题功能，它为bootstrap 3提供了简单而强大的从右到左的功能。我也有同样的问题， 您可以尝试用一些RTL段

我正在使用Datatables插件版本1.10.1

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

是否有我忽略的内置选项？
如果有人能对这个主题有所了解（也许能提供一个像样的RTL css），那就太好了

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

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

我也有同样的问题，
您可以尝试用一些RTL段落围绕数据表：

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

将数据表放在此处
或将datatable div更改为RTL：

<div id="Datatables" dir="RLT"/>
或者在html页面上使用RTL：

 <html lang="en" dir="RTL">
您必须将
方向：rtl
应用于整个表容器。比如，确保在Datatable的设置参数中设置
fixedColumns:true
。因此，您可能需要使表格可滚动：

JS:

CSS:

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

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