[Bug 上报] TableColumn标题文字溢出时没有换行

[spf03]

Wot UI 版本号

1.9.1

平台

微信小程序

复现Demo地址（如不提供，将被直接关闭）

https://github.com/spf03/table-bug-demo

重现步骤

使用Table组件，给TableColumn组件中的label传入一些内容

<script setup lang="ts">
interface TableData {
  name: string;
  school: string;
  major: string;
}

const dataList = ref<TableData[]>([
  {
    name: '赵云',
    school: '武汉市阳逻妇幼保健学院',
    major: '计算机科学与技术专业'
  },
  {
    name: '孔明',
    school: '武汉市阳逻卧龙学院',
    major: '计算机科学与技术专业'
  },
  {
    name: '刘备',
    school: '武汉市阳逻编织学院',
    major: '计算机科学与技术专业'
  }
]);
</script>

<template>
  <wd-table :data="dataList" :height="400">
    <wd-table-col prop="name" label="姓名姓名姓名姓名姓名"></wd-table-col>
    <wd-table-col prop="school" label="求学之所求学之所" :width="100"></wd-table-col>
    <wd-table-col prop="major" label="专业专业专业专业专业专业专业专业专业专业专业专业专业专业专业专业专业专业"></wd-table-col>
  </wd-table>
</template>

期望的结果是什么？

微信小程序端与H5展现一致，即label能够换行和省略显示

实际的结果是什么？

1. 在微信小程序label不能换行和省略显示
   
2. H5正常
   

环境信息

No response

其他补充信息

No response

[petercat-assistant]

感谢您提供详细的Bug报告。根据您的描述，TableColumn组件在微信小程序中出现了标题文字溢出时无法换行和省略显示的问题，而在H5端表现正常。

为了更好地解决这个问题，我建议您可以尝试以下步骤：

1. 检查样式设置：确保在微信小程序中，TableColumn的样式设置允许文字换行和省略。可以通过CSS设置word-wrap: break-word;和text-overflow: ellipsis;来实现。

2. 查看组件文档：确认TableColumn组件是否有特定的属性或方法来处理文字溢出问题。

3. 更新组件版本：确保您使用的是最新版本的Wot UI组件库，因为新版本可能已经修复了此问题。

如果这些方法仍然无法解决问题，您可以考虑在GitHub上提交一个Issue，或者查看是否有其他开发者遇到类似的问题。

如果您需要进一步的帮助，请随时告诉我！

🪧 Tips

For further assistance, please describe your question in the comments and @petercat-assistant to start a conversation with me.

[github-actions]

此 issue 已被自动锁定，因为关闭后没有任何近期活动。如果有相关 bug，请重新创建一个新 issue。