Question

我正在使用SlickGrid，但我希望将其与阿拉伯语一起使用，这需要方向从右到左。

columns[0]={'id':'title', 'name':'Title', 'field':'title', 'width': 10, 'sortable': true};
columns[1]={'id':'name', 'name':'Name', 'field':'name', 'width': 10, 'sortable': true};

var grid, data = [],
options = {
    enableCellNavigation: true,
    enableColumnReorder: true,
    autoHeight: true
}, numberOfItems = 5, items = [], indices=[], isAsc = true, currentSortCol = { id: "title" };    
grid = new Slick.Grid("#container", data, columns, options);

例如见图片： http://i.stack.imgur.com/mbmaY.png

如何使用SlickGrid实现这一目标？

Answer 1

我认为这可以使用浏览器中的内置RTL渲染来从右到左呈现标记。

HTML

<div dir="rtl" id="myGrid" style="width:400px;height:150px;">    
</div>

的Javascript

columns.reverse();
grid = new Slick.Grid("#myGrid", data, columns, options);

jsFiddle here

正如你在小提琴中所看到的那样，div会按照人们的预期呈现RTL，但是列标题的呈现似乎存在问题。我没有深入研究代码，但可能存在一些与RTL设置冲突的绝对定位或其他技巧。不知道有多少其他功能可能导致问题（单元格编辑器，格式化程序等）

如何从右到左制作SlickGrid？

1 个答案: