Jq-table edit

简介:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>豪情</title>
        
        <style>
            p{line-height:23px;margin:0;padding:0;}
            table,th,td{border:1px solid #96C2F1;border-collapse:collapse;}
            tr{cursor:pointer;}
        </style>
        
    </head>
    <body>
        <form action="">
        姓名:<input type="text" name="" id="" />
        QQ:<input type="text" name="" id="" />
        E-mail:<input type="text" name="" id="" />
        <input type="button" value="修改" />
        <table id="tab" width="680" style="margin-top:10px;">
            <tr>
                <th>姓名</th>
                <th>QQ</th>
                <th>E-mail</th>
            </tr>
            <tr>
                <td>豪情</td>
                <td>249056406</td>
                <td>jikeytang@gmail.com</td>
            </tr>
            <tr>
                <td>Jikey</td>
                <td>123</td>
                <td>puag@gmail.com</td>
            </tr>
            <tr>
                <td>Tont</td>
                <td>456</td>
                <td>tangjikey@gmail.com</td>
            </tr>
        </table>
        </form>
    </body>
</html>







本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2010/05/14/1735304.html,如需转载请自行联系原作者

目录
相关文章
|
3月前
|
JavaScript
ElementPlus的el-table-column如何添加超链接的代码
ElementPlus的el-table-column如何添加超链接的代码
|
容器
Fragment的replace、add、hide、show的使用和详解
Fragment的replace、add、hide、show的使用和详解
Element UI - el-table el-table-column 表头自定义
Element UI - el-table el-table-column 表头自定义
658 0
Element UI - el-table el-table-column 表头自定义
when click one item in table Select at least one column to perform the search
when click one item in table Select at least one column to perform the search
110 0
when click one item in table Select at least one column to perform the search
OPA 13 - ok(oButton,find the Create button);
Created by Wang, Jerry, last modified on Nov 08, 2015
OPA 13 - ok(oButton,find the Create button);
why is list delete and edit icon rendered
Created by Wang, Jerry, last modified on Feb 17, 2015
105 0
why is list delete and edit icon rendered
|
存储 前端开发 JavaScript
Element el-table 表格详解
本文目录 1. 前言 2. 基本用法 3. 显示斑马纹 4. 显示边框 5. 自定义尺寸 6. 显示索引 7. 显示内容过长时的提示 8. 自定义行样式 9. 固定表头 10. 固定列 11. 多级表头 12. 展开行 13. 自定义列模板 14. 单选 15. 多选 16. 前端排序 17. 小结
3157 0
Element el-table 表格详解