Ant Design vue 表格内换行

张张524

已于 2022-04-11 11:55:09 修改

阅读量2.7k

点赞数

文章标签： webview

于 2022-03-25 17:59:25 首次发布

本文链接：https://blog.csdn.net/sinat_42501006/article/details/123742060

版权

本文介绍了如何在Ant Design Vue的表格组件中实现内容换行，详细讲解了相关CSS样式调整和列宽设置，确保长文本在表格内正确显示。

摘要由CSDN通过智能技术生成

 data() {
    return {
      // 表头
      columns: [
        {
          title: '序号',
          dataIndex: '',
          key: 'rowIndex',
          // width: 50,
          align: 'center',
          customRender: function(t, r, index) {
            return parseInt(index) + 1
          }
        },
        {
          title: '名称',
          align: 'center',
          dataIndex: 'name',
          // width: 150,
          className: "TdMordLine",
        },
        {
          title: '时间',
          align: 'center', 
          dataIndex: '', 
          //  width: 50,
            customRender: function(text, record, index) {
                 // 返回数据时,字符串拼接,避免数据为空时，当前列缺失
          // this.dataSource.forEach((item,index)=>{
          //   if(item.licenseIssuingDate && item.licenseValidDate){
          //     item['lineDate']=item.licens