关于bootstrap-vue表格里面的td文字样式处理

1、bootstrap-vue 的表格样式设置，文字超出隐藏，超出显示省略号，鼠标移入悬浮框显示内容。

2、文字限制输出两行，超出后隐藏

项目：

bootstrap-vue表格的处理：

代码如下：

<b-table striped hover bordered :items="infoList" :fields="theads" style="text-align:center;">

<template slot="action" slot-scope="row">

<b-button class="btn btn-info btn-sm" @click="getDetail(row.item)">查看

</b-button>

</template>

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、再表格里面做处理，给他设class，然后设置样式

<template slot="companyName" slot-scope="row">

<span class="tdWidth" :title="row.item.companyName"> { {row.item.companyName}}</span>

</template>

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、