dataTableMove

表格界插件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);

        <div id="divId">

            <div id="tableId">

            </div>

        </div>

        <div style="position:relative;clear:both;"></div>

        <script type="text/javascript" src="dataTableMove_v2.js"></script>

        <script type="text/javascript">

            colFixedNum=2;

             dataTableMove("divTable","mytable",600,300,120,70,colFixedNum);

        </script>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容