表格组件 自定义宽度 设置 span 内容 超出省略号

    <SectionList

      ref="table"

      class="table"

      api="page-requirement-list"

      :columns="columns"

      @on-load="onLoads"

      pageBar

    />

 

 columns: [

        {

          title: '反馈内容',

          key: 'content',

          align: 'left',

          width: 400,

          className: 'table-content',

        }]

 

.table {

  .table-content {

    .ivu-table-cell {

      width: 300px;

      text-overflow: ellipsis;

      white-space: nowrap;

      overflow: hidden;

      span {

        display: inline !important;

      }

    }

  }

}