代码改变世界

jquery table可编辑，编辑时展示textarea并支持换行

2020-12-03 11:09  yt1006574924  阅读(240)  评论(0)  编辑  收藏  举报

 

1.定义需要编辑的单元格名称，如：needEdit

 

 

 

 2.初始化时设置单元格值

 

 

 

3.编辑时为名称needEdit的单元格添加textarea样式及标签

View Code
tableValue {
    background-color: rgb(234, 234, 234);
    font-size: 12px;
    height:32px;
    color: rgb(50, 50, 50);
    text-align: left;
    white-space: pre-line;
    word-wrap:break-word;
    word-break:break-all;
}
View Code

 


注：若保持换行，获取及设置单元格得用innerHTML不能用innerText，不然换行就有问题