可paste的editable table

薰衣草之子

浏览: 142220 次
性别:

最近访客更多访客>>

ssydxa219

hushouhao

843977358

lovelemen

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

日常应用

paste editable table

<htmllang="en">
<head>
    <metacharset="UTF-8">
    <metaname="viewport"content="width=device-width, initial-scale=1.0">
    <metahttp-equiv="X-UA-Compatible"content="ie=edge">
    <title>Document</title>
    <scriptsrc="https://code.jquery.com/jquery-3.2.1.min.js"integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="crossorigin="anonymous"></script>

</head>

<body>
    <tableid="example"class="display"cellspacing="0"width="100%">
        <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
        </thead>
        <tbody>
            <tr>
                <td><inputtype="text"></td>
                <td><inputtype="text"></td>
                <td><inputtype="text"></td>
            </tr>
            <tr>
                <td><inputtype="text"></td>
                <td><inputtype="text"></td>
                <td><inputtype="text"></td>
            </tr>
            <tr>
                <td><inputtype="text"></td>
                <td><inputtype="text"></td>
                <td><inputtype="text"></td>
            </tr>
        </tbody>
    </table>

    <script>
        $(document).ready(function () {
            $('td input').bind('paste', null, function (e) {
                $txt = $(this);
                setTimeout(function () {
                    var values = $txt.val().split(/\s+/);
                    var currentRowIndex = $txt.parent().parent().index();
                    var currentColIndex = $txt.parent().index(); 
                    
                    var totalRows = $('#example tbody tr').length;
                    var totalCols = $('#example thead th').length;
                    var count =0;
                    for (var i = currentColIndex; i < totalCols; i++) {
                        if (i != currentColIndex)
                            if (i != currentColIndex)
                                currentRowIndex = 0;
                        for (var j = currentRowIndex; j < totalRows; j++) {                           
                            var value = values[count];
                            var inp = $('#example tbody tr').eq(j).find('td').eq(i).find('input');
                            inp.val(value);
                            count++;
                           
                        }
                    }


                }, 0);
            });
        });
    </script>

</body>
</html>

分享到：

go常用命令 | casper js导致cpu使用率过高

2018-11-15 17:22
浏览 622
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

可paste的editable table

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

可paste的editable table

评论

发表评论

相关推荐

es清理脚本

go常用命令

casper js导致cpu使用率过高

emboji表情字符

svn管理

python

安装hexo

（转载）函数式编程

HTML5 LocalStorage 本地存储

mac的pip遇到问题

Mac的parallel desktop 安装win7无法加载驱动

suds

git报错修复

docker

MongoDB命令及SQL语法对比

python web开发几个模板系统的性能对比

进程监控

css写的很有特色<hr>线条

（转）web前端开发分享-css,js入门篇

MAC OS恢复rm -rf删除的文件

最近访客更多访客>>