홈>2020-02-25 23:54

angularjs - Kendo Grid에서 열 너비를 설정하는 방법

열 헤더가없는 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"
    }

angularjscss3kendo-uikendo-gridbootstrap-4

답변 # 1
width 를 사용할 수 있습니다 검도 그리드의 열 배열에서. 아래 코드를보십시오.
```
columns: [{
        field: "foo_data",
        headerAttributes: {
               style: "display; none"
        },
        width: 175
```
width is in pixels. 열 너비를 175 픽셀로 증가시킵니다

답변 # 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"
            }]
        };

Python2.net

angularjs - Kendo Grid에서 열 너비를 설정하는 방법

관련 자료