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

<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 @ 2022-07-06 09:13  .52HZ  阅读(374)  评论(0编辑  收藏  举报