设置表格高度和超出部分隐藏

复制代码
<style> 
    table {
        table-layout:fixed;
    } 
    td {
        height: 50px !important; 
        word-break:keep-all;/* 不换行 */
        white-space:nowrap;/* 不换行 */
        overflow:hidden !important;/* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow:ellipsis;/* 显示省略号 */
    } 
</style> 
复制代码

修改ng-alain的st表格高度和超出部分隐藏

复制代码
:host ::ng-deep {
    .ant-table-body > .ant-table-fixed{
        table-layout: fixed !important;
    }
    .ant-table-tbody > tr > td{
        height: 50px !important; 
        word-break:keep-all;/* 不换行 */
        white-space:nowrap;/* 不换行 */
        overflow:hidden !important;/* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow:ellipsis;
    }
}
复制代码

 

posted @   .52HZ  阅读(375)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示