表格界插件dataTable基于jquery构造,在angular 1 中的经常会有冲突的现象。由于angular项目中需要一个表格实现类似的功能:首行固定,左右拖动时前n列固定,上下拖动时,只有首行固定。为了实现这个功能,我写了生平第一个小插件dataTableMove:https://github.com/mengmayang/dataTableMove,实现效果为 https://mengmayang.github.io/dataTableMove/dataTableMove.html,虽然实现功能比较少,但还是很激动的。稍微体会了一下程序员创造世界的快乐。
使用方法
HTML 文件中需要有三个div,其中id为tableId的在divId内部,并且需要在文档尾部加载dataTableMove_v2.js,调用方法很简单,colFixedNum指定固定前面多少列,然后调用dataTableMove函数,dataTableMove("divTable","mytable",width,height,top,left,colFixedNum);
colFixedNum=2;
dataTableMove("divTable","mytable",600,300,120,70,colFixedNum);