>

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

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

  • 이전 C # json 속성 내에서 HTML 직렬화 해제
  • 다음 python - Matplotlib에서 회전 된 사각형으로 그래프 스틱을 올바르게 그리는 방법은 무엇입니까?