2014-10-22 2 views
0

이 질문과 비슷한 질문을했지만 크기 조정시 정렬이 대부분입니다. 이는 데이터 소스에 새 데이터가 설정 될 때 정렬과 관련됩니다. 내가 그리드 설정을 올바르게했는지 또는 가능한 더 나은 해결 방법이 있는지보고 싶습니다.각형의 Kendo 데이터 그리드 크기 조정 열을 사용하면 헤더가 새로운 원격 데이터 소스 검색에 맞지 않게됩니다.

검도 데이터 표의 크기를 조정할 때 열과 헤더가 잘 정렬되어있는 것 같습니다 (Chrome에서 버그가 있음). 그러나 열의 크기를 조정하고 새 데이터를 검색 한 후에는 열과 머리글이 정렬되지 않은 것으로 나타납니다.

저는 파이어 폭스와 크롬을 모두 시험했으며 두 가지 모두이 문제가 있습니다.

이것은 이러한 문제와 유사하지만 데이터로드가 아닌 크기를 조정하는 것 같습니다.

Kendo Grid header and data row columns are not aligned

Bug in kendo ui grid lrt css in chrome

Here is an example of the issue I'm running into.http://jsfiddle.net/teisaacs21w/6k5km7nb/

  1. 열을 크기를 조정하고 격자 및 열 헤더가 잘못 정렬
  2. 통지를 검색 명중

이 그리드를 여러 가지 방법으로 설정했지만 여전히이 문제가 발생합니다. 바이올린에서는 데이터가 자동으로로드되지 않도록 설정되어 있으므로 먼저 검색해야합니다. 또한 옵션 객체에 정의 된 전송을 사용하여 데이터 소스를 설정하여 데이터 소스가 처음로드되는 위치를 설정했습니다.

지금까지이 문제를 보지 못하는 부분을 설정하는 방법을 찾지 못했습니다.

HTML을 검사 한 후 새 데이터를로드하면 Kenodo가 열 크기를 조정할 때 설정하는 스타일이 헤더에서 손실된다는 것을 알았습니다.

나는 바이올린에서 잘 작동하는 것으로 보이는 해결 방법을 만들었지 만, 헤더가이 경로로가는 내 앱에서 약간 불안해합니다.

`workaround` 

http://jsfiddle.net/teisaacs21w/a7cfv4g6/

나는 사람이 우연히 않았는지 그리고 그것은 내 설정에 관련이 있는지 알고 또는 더 나은 솔루션을 찾고 있어요?

답변

0

다음은 크롬에서 더 잘 작동하도록 크기를 조정하는 Kendo 그리드 열을 가져 오려고 생각한 것입니다. example fiddle

Bug in kendo ui grid lrt css in chrome에서 CSS 해결 방법의 일부를 사용해야했으며 검색 문제로 위에 게시 한 항목을 사용했습니다. 눈금에 많은 양의 데이터가 있고 열의 크기를 조정할 때 그리기 문제가 여전히 있지만 전반적으로 훨씬 좋습니다.

+0

overflow-y로 오버플로를 변경해야합니다. –