bootstrap-table表格超过长度自动隐藏

今天说一说bootstrap-table表格优化相关的，当表格里面的内容列数过多的，内容长度过长的时候，会出现自动换行的效果，整个表格的每一行高度就不相同了，看上去就不够美观。

参考demo如下：

参考的json数据

[
    {
        "id": 139,
        "deviceId": "3",
        "name": "王小婷",        
        "card": "12354765787798745677"
        
    }, {
        "id": 139,
        "deviceId": "3",
        "name": "祈澈菇凉",        
        "card": "3408231998918484"
    },{
       "id": 139,
        "deviceId": "3",
        "name": "小飞侠",        
        "card": "340823199823545"
    },{
         "id": 139,
        "deviceId": "3",
        "name": "肖战",        
        "card": "340823199853467"
    },{
         "id": 139,
        "deviceId": "3",
        "name": "王一博",        
        "card": "34082319983563456"
    }, {
         "id": 139,
        "deviceId": "3",
        "name": "肖战",        
        "card": "34082319983252"
    }
]

修改之后的效果就是这样的，如果超出宽度就会自动省略超过的部分，鼠标放在上面的时候，会将全部的内容显示出来。