解决ElementUI中的table表格内容过多,导致行内撑开的问题。

        在使用table表格的过程中,发现有的时候,表格内容过多,导致页面显得有点凌乱,解决的方法有很多种,简单的介绍两种解决思路:

        1、给特定的内容过多的行,添加固定的宽度;

        2、给table表格添加一个限定,超出内容使用【文本超出的方式解决】

        这里着重说一下第二种,

        查看element-ui的时候其实他们已经提供了一个方法,但是没有具体的显示代码,效果不太明显,这里简单的做个讲解和记录代码如下:        

 使用的方法也比较简单:

   
          
   

在对应的行内添加这个属性并且需要在css样式中给他添加宽度的限制

你可能感兴趣的:(笔记,javascript,html,vue.js,elementui)