<a href=""   title="你要显示的内容！">标题</a>

效果
 
 
代码
 
 
 

如果columns 内容过多无法显示全部,可以通过formatter 方法 返回带有titile属性的元素,这样就可以简单快速的显示其中的内容!
 
注:如果内容过多页面会卡死
 
$('#dg').datagrid({
            fitColumns: true,
            nowrap: true,
            striped: true,
            rownumbers: true,
            pagination: true,
            singleSelect: true,
            columns: 
            [[
                {
                    field: "itemid", 
                    width: 80, 
                    formatter: function (value) {
                    return "<span title='" + value + "'>" + value + "</span>";
                    }
                }
            ]]
});

项目中遇到的
 
antd 的table td 超出部分隐藏并显示省略号 ，鼠标悬停显示内容
 
columns = [
     { title: '描述', dataIndex: 'desc',key:"desc",
      onCell: () => {
        return {
          style: {
            maxWidth: 150,
            overflow: 'hidden',
            whiteSpace: 'nowrap',
            textOverflow:'ellipsis',
            cursor:'pointer'
          }
        }
      },
      render: (text) => <Tooltip placement="topLeft" title={text}>{text}</Tooltip>
    },