css 常用樣式antd design 中table，表格省略號處理的問題

01、css超過一定長度顯示省略號

  
 overflow: hidden;
    white-space: nowrap;
     text-overflow: ellipsis;

　　

 

02、antd design   中table，表格省略號處理的問題

    //table
    table{
        table-layout:fixed; 
    }
    .ant-table-row-cell-ellipsis, .ant-table-row-cell-ellipsis .ant-table-column-title {
        white-space: nowrap;    
        overflow: hidden;       
        text-overflow: ellipsis;
    }
    .ant-table-body td,th{
        white-space: nowrap;    
        overflow: hidden;       
        text-overflow: ellipsis;
      }

   .ant-table-scroll table{

              width: 100% !important;

          }