홈>
열 헤더가없는 Kendo Grid에서 고정 열 너비를 설정해야합니다. 즉, 단일 열 "foo_data"를 사용하여 데이터를 아래에 유사하게 가져 와서이 열 헤더를 숨기고 kendo Grid에 그대로 표시합니다. 그리드의 열과 행은 동적입니다. 즉, 아래 예에는 9 개의 열과 6 개의 행이 있으며 때로는 3 개의 열과 5 개의 행을 얻을 수 있습니다. Kendo Ui, Angularjs 및 부트 스트랩 프레임 워크를 사용하고 있습니다 .Grid에서열 사이에 더 많은 공간을 원합니다. 도움을 주시면 감사하겠습니다.
var foo_data= [{"1 AAA BBB CCC 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999"},
"2 AAA BBB CCC 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999"},
"3 AAA BBB CCC 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999"},
"4 AAA BBB CCC 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999"},
"5 AAA BBB CCC 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999"},
"6 AAA BBB CCC 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999"}];
Kendo Grid에서 열 헤더 숨기기 :
columns: [{
field: "foo_data",
headerAttributes: {
style: "display; none"
}
- 답변 # 1
- 답변 # 2
아래 코드와 같이 설정할 수 있습니다. 자세한 내용은 kendo UI 설명서 (Grid/AngularJS)를 참조하십시오
$scope.mainGridOptions = { dataSource: { type: "odata", transport: { read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Employees" }, pageSize: 5, serverPaging: true, serverSorting: true }, sortable: true, pageable: true, dataBound: function() { this.expandRow(this.tbody.find("tr.k-master-row").first()); }, columns: [{ field: "FirstName", title: "First Name", width: "120px" },{ field: "LastName", title: "Last Name", width: "120px" },{ field: "Country", width: "120px" },{ field: "City", width: "120px" },{ field: "Title" }] };
관련 자료
- excel - VBA 새로 고침 쿼리 후 열 너비 조정
- string - psql에서 최대 열 너비를 어떻게 설정합니까?
- ios - 유연성을 유지하기 위해 폭의 프레임 수정자를 사용하여 여러 열 목록의 1 개 열이 동일한 너비가되는 방법
- cocoa - outlineViewItemDidExpand에 대한 응답으로 열 너비를 변경할 수 없습니다
- html - 왼쪽 열이 백분율 너비를 사용하는 경우 오른쪽 열이 고정 너비를 사용하도록하려면 어떻게해야합니까?
- 열 Apexcharts 차트의 최소 높이 또는 너비 설정
- html - 레이아웃 = 고정 일 때 열 너비와 여백을 변경할 수 없습니다
- python - Pandas 피벗 테이블에서 열 수와 각 열의 너비를 얻는 방법은 무엇입니까?
- 테이블 레이아웃이 고정 된 상태에서 단 하나의 열 너비 만 변경됨 (html/CSS)
- javascript - Vuetify에서 올바른 열 너비를 설정할 수 없습니다
- css - 열의 가장 큰 셀 너비에 따라 테이블의 첫 번째 열에 일정한 너비를 유지하십시오
width
를 사용할 수 있습니다 검도 그리드의 열 배열에서. 아래 코드를보십시오.width
is in pixels. 열 너비를 175 픽셀로 증가시킵니다