antd/es/table/style/ellipsis.js

An enterprise-class UI design language and React components implementation

import { textEllipsis } from '../../style';
const genEllipsisStyle = token => {
  const {
    componentCls
  } = token;
  return {
    [`${componentCls}-wrapper`]: {
      [`${componentCls}-cell-ellipsis`]: {
        ...textEllipsis,
        wordBreak: 'keep-all',
        // Fixed first or last should special process
        [`
          &${componentCls}-cell-fix-start-shadow,
          &${componentCls}-cell-fix-end-shadow
        `]: {
          overflow: 'visible',
          [`${componentCls}-cell-content`]: {
            ...textEllipsis,
            display: 'block'
          }
        },
        [`${componentCls}-column-title`]: {
          ...textEllipsis,
          wordBreak: 'keep-all'
        }
      }
    }
  };
};
export default genEllipsisStyle;