2011-11-22 4 views
0

나는 SlickGrid을 사용하고 있지만 아랍어 언어를 사용하고 싶습니다. 방향을 오른쪽에서 왼쪽으로해야합니다.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와이를 달성 할 수 있습니까?

+0

정확하게 rtl이되고 싶습니까? 다른 순서로 열을 원하니? – njr101

+0

오른쪽부터 그리드를 시작하고 싶습니다. 즉, 오른쪽에서 시작하는 첫 번째 그리드 열, 오른쪽에서 시작하는 가로 스크롤 막대입니다. 네, html로 RTL처럼 –

+0

확실히 내가 뭔가를 놓치고있다,하지만 왜 그냥 역순으로 열 및 데이터 배열을 전달하지? – vemv

답변

-1

브라우저에서 내장 RTL 렌더링을 사용하여 오른쪽에서 왼쪽으로 마크 업을 렌더링한다고 생각했습니다.

HTML

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

자바 스크립트

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

jsFiddle here

당신이 바이올린에서 볼 수 있듯이, 사업부는 하나 기대하는 것처럼 RTL을 렌더링하지만, 문제가있는 것 같습니다 열 머리글 렌더링. 코드를 파고 들지는 않았지만 RTL 설정과 충돌하는 절대 위치 지정이나 다른 속임수가있을 수 있습니다. 얼마나 많은 다른 기능이 문제를 일으킬 수 있는지 알지 못합니다 (셀 편집자, 포맷터 등)

+0

기본적으로 direction = "rtl"을 시도했을 때 나는 예상치 못한 결과를 보였다. 많은 감사. –

관련 문제