v-fit-column

A Vue.js plugin that auto fit Element UI's el-table-column with cell content.

Usage no npm install needed!

<script type="module">
  import vFitColumn from 'https://cdn.skypack.dev/v-fit-column';
</script>

README

v-fit-column

这个组件并不是我本人开发的，因为公司业务需要，原作者开发的功能与业务需求不符，所以我在GitHub上将源码下载下来稍微改动了一下，下方是原作者npm仓库链接

https://www.npmjs.com/package/v-fit-columns**

A Vue.js plugin that auto fits Element UI's el-table-column with cell content. Vue.js 插件，可实现 Element UI el-table-column 宽度自适应内容，同时保持内容不换行。

Install

npm install v-fit-column --save

Use

In app entry file:

import Vue from 'vue';
import Plugin from 'v-fit-column';
Vue.use(Plugin);

In your component:

<el-table v-fit-column>
  <el-table-column label="No." type="index" class-name="fit-alone"></el-table-column>
  <el-table-column label="Name" prop="name"></el-table-column>
  <el-table-column label="Age" prop="age"></el-table-column>
</el-table>