[Table] row高度异常

[AOEkele]

tdesign-react 版本

1.14.5

重现链接

No response

重现步骤

			<Table
				className={styleModule.EmailTable}
				height={'100%'}
				size='small'
				tableLayout={'auto'}
				bordered
				stripe
				rowKey='index'
				data={tableData}
				columns={columns}
			/>

给table添加className=EmailTable，EmailTable的CSS样式为{
height: 100%;
}，在行数较少不够高度的时候row的高度会变化撑满table

期望结果

No response

实际结果

No response

框架版本

React(19.1.1)

浏览器版本

No response

系统版本

No response

Node版本

22.16.4

补充说明

[github-actions]

👋 @AOEkele，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[RylanBot]

无法复现你说的问题，可以复制一份这个在线 Demo，修改后给我一个新的线上地址
https://stackblitz.com/edit/gkb4fkrx?file=src%2Fdemo.tsx

[AOEkele]

我看了你的Demo，应该是父元素没给高度导致的，我的父元素是有高度的
https://stackblitz.com/edit/gkb4fkrx-ajfenzwt?file=index.html

[AOEkele]

我看了你的Demo，应该是父元素没给高度导致的，我的父元素是有高度的 https://stackblitz.com/edit/gkb4fkrx-ajfenzwt?file=index.html

甚至不用给父元素高度，只要Table的高度比行高的总和大就会出现

[RylanBot]

我想确认一下你同时在「EmailTable 设置 height」 和 「Table 的 Props 设置 height」
这是有什么具体的应用场景吗，感觉两个属性有点冲突了...
哪怕父元素有高度，但只给其中一个设置 height ，也是正常的

<div style={{ height: '500px' }}>
  <Table
    height={'100%'}
    size="small"
    tableLayout={'auto'}
    bordered
    stripe
    rowKey="index"
    data={tableData}
    columns={columns}
  />
</div>

或者

<>
  <style>
    {`
    .EmailTable {
      height:100%;
    }
  `}
  </style>
  <div style={{ height: '500px' }}>
    <Table
      className="EmailTable"
      size="small"
      tableLayout={'auto'}
      bordered
      stripe
      rowKey="index"
      data={tableData}
      columns={columns}
    />
  </div>
</>

[RylanBot]

因为你的父元素的高度是固定的
你又把 className={styleModule.EmailTable} 设为 100%
Table 想要撑满你的父元素...所以就会出现这个问题（在行数少的时候，每行要平分这个高度，所以就会很高） 🤔

[AOEkele]

或者 <> <style> {` .EmailTable { height:100%; } `} </style>

这样写无法实现表格滚动，因为我的div这个box是用来约束内容的，数据只能在这个box内展示，表格数据在内展示的一个效果 这应该是一个常见的需求，我旧的项目使用的是antd5实现的，但是我的窗口高度是动态变化的，antd5的滚动需要通过scroll={{ x: 'max-content', y: 55 * 5 }}来设置，不支持%来动态设置，每次窗口变化都要获取高度