ExtJs 테이블 아이템 width 설정 하는 방법에 대해 질문합니다.


table 안에 속한 items 들의 각각의 width 를 설정하여 사용하고 싶습니다. columns 를 사용하되 width 를 사용한 부분만 조절 하고 싶습니다.

 layout: {
                     type: 'table',
                     columns : '3',
                 },
                 items : [
                  {
                    xtype : 'textfield' ,
                    margin : '5',
                                   }
                                ,
                                  {
                    xtype : 'textfield' ,
                    margin : '5',
                                   }
                                    ,
                                    {
                    xtype : 'textfield' ,
                    margin : '5',
                                    }
  • 2016년 06월 01일에 수정됨
    루비와 파이썬을 좋아합니다. 새로운 언어를 배우는것도 좋아해요. 모바일 게임도 조금 만들어 봤습니다.
  • 2016년 02월 17일에 작성됨

조회수 386


1 답변


테이블 말고 그리드를 사용하시면 어떨까요?

이미지 이름이나 설명을 여기에 넣어주세요.

Grid를 사용하면 위 이미지와 같이 그릴 때 다음과 같이 칼럼별 width를 줄 수 있네요

Ext.create('Ext.grid.Panel', {
    renderTo: document.body,
    store: userStore,
    width: 400,
    height: 200,
    title: 'Application Users',
    columns: [
        {
            text: 'Name',
            width: 100,
            sortable: false,
            hideable: false,
            dataIndex: 'name'
        },
        {
            text: 'Email Address',
            width: 150,
            dataIndex: 'email',
            hidden: true
        },
        {
            text: 'Phone Number',
            flex: 1,
            dataIndex: 'phone'
        }
    ]
});

출처: https://docs.sencha.com/extjs/6.0/components/grids.html

  • 2016년 06월 01일에 수정됨
    루비와 파이썬을 좋아합니다. 새로운 언어를 배우는것도 좋아해요. 모바일 게임도 조금 만들어 봤습니다.
  • 2016년 02월 25일에 작성됨
    루비와 파이썬을 좋아합니다. 새로운 언어를 배우는것도 좋아해요. 모바일 게임도 조금 만들어 봤습니다.

로그인이 필요한 기능입니다.

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 작성한 답변에 다른 개발자들이 댓글을 작성하거나 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.
► 로그인
► 계정만들기
Close