原因由于css樣式

.ant-table-tbody>tr>td, .ant-table-thead>tr>th {padding: 16px 8px;word-break: keep-all;white-space: nowrap; /*強(qiáng)制不換行*/ }

只需覆蓋white-space的值就可以

如：

.ant-table-tbody>tr>td {white-space:normal }

?

補(bǔ)充知識(shí)：

一、white-space語(yǔ)法與結(jié)構(gòu)?
1、white-space語(yǔ)法：
white-space : normal nowrap?

2、white-space參數(shù)：
normal : 　默認(rèn)處理方式
nowrap : 　強(qiáng)制在同一行內(nèi)顯示所有文本，直到文本結(jié)束或者遭遇br標(biāo)簽對(duì)象才換行。DIVCSS5推薦使用white-space:nowrap強(qiáng)制不換行。

3、white-space說(shuō)明：
white-space設(shè)置或檢索對(duì)象內(nèi)文本顯示方式。通常我們使用于強(qiáng)制一行顯示內(nèi)容
?

通常我們使用white-space:nowrap強(qiáng)制文本文字內(nèi)容不換行，在對(duì)象內(nèi)一行顯示完所有文字內(nèi)容。

二、white-space總結(jié)

????日常我們?yōu)榱俗屛淖謨?nèi)容在一行內(nèi)顯示完，哪怕寬度不夠也不能換行，我們可以使用white-space樣式，但如果遇到了html br強(qiáng)制換行標(biāo)簽，無(wú)論是設(shè)置white-space與否都會(huì)被<br>強(qiáng)制換行。

?

參考：

http://www.divcss5.com/rumen/r401.shtml

總結(jié)

以上是生活随笔為你收集整理的vue-beauty 的v-data-table数据单元不换行的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。