实现表格列表中 宽度不够的字段的提示 换行显示


  {
      title: $t('program-edit-name'),
      key: 'programName',
      fixed: 'left',
      width: 190,
      ellipsis: {
        tooltip: true,
      },
      render(row) {
        return h(
          NTooltip,
          {
            trigger: 'hover',
          },
          {
            trigger: () => h('span', null, row.programName),
            default: () =>
              h(
                'div',
                {
                  style: {
                    whiteSpace: 'pre-line', // 保持换行
                    maxWidth: 'auto',
                  },
                },
                `${row.programName}
                ${$t('program-id')}: ${row.programId}`,
              ),
          },
        );
      },
    },
posted @ 2024-08-29 16:37  饼MIN  阅读(33)  评论(0)    收藏  举报