API
添加行 给每一列添加搜索框 给每一列添加下拉框搜索 高亮鼠标停留的行和列 显示行的附加信息 选择行(多行) 选择行并删除(单行) 表单输入框 索引列 动态显示/隐藏列 在回调方法中使用API 带垂直滚动条和Bootstrap Tabs控件 搜索API(正则表达式)

DataTables API

官网 中文网

表单输入框

姓名 职位 工作地点 年龄 入职时间 年薪
姓名 职位 工作地点 年龄 入职时间 年薪
李霞 2011/04/25 ¥320,800
杜重治 2011/07/25 ¥170,750
陈锋 2009/01/12 ¥86,000
郑伯宁 2012/03/29 ¥433,060
施华军 2008/11/28 ¥162,700
吴书振 2012/12/02 ¥372,000
张宁 2012/08/06 ¥137,500
马世波 2010/10/14 ¥327,900
张章 2009/09/15 ¥205,500
张竹影 2008/12/13 ¥103,600
韩庆福 2008/12/19 ¥90,560
刘勇 2013/03/03 ¥342,000
张忆湫 2008/10/16 ¥470,600
尚志兴 2012/12/18 ¥313,500
杜若芳 2010/03/17 ¥385,750
杨乔松 2012/11/27 ¥198,500
闫跃进 2010/06/09 ¥725,000
孙凯 2009/04/10 ¥237,500
赖祥校 2012/10/13 ¥132,000
郭晖 2012/09/26 ¥217,500
贺光明 2011/09/03 ¥345,000
邓小燕 2009/06/25 ¥675,000
白莉惠 2011/12/12 ¥106,450
杨海霞 成都 2010/09/20 ¥85,600
利旭日 2009/10/09 ¥1,200,000
范永胜 2010/12/22 ¥92,575
于怀斌 2010/11/14 ¥357,650
赵淑娜 2011/06/07 ¥206,850
张淑杰 2010/03/11 ¥850,000
陈俊军 2011/08/14 ¥163,000
郭增杰 成都 2011/06/02 ¥95,400
林云 2009/10/22 ¥114,500
郭述龙 2011/05/07 ¥145,000
杨军 2008/10/26 ¥235,500
张海龙 2011/03/09 ¥324,050
耿静 2009/12/09 ¥85,675
刘晋荣 2008/12/16 ¥164,500
孙宁 2010/02/12 ¥109,850
邢洪锐 2009/02/14 ¥452,500
陈云云 2008/12/11 ¥136,200
张禄 2008/09/26 ¥645,750
王增凤 2011/02/03 ¥234,500
沈捷 2011/05/03 ¥163,500
汪化言 2009/08/19 ¥139,575
杨正机 2013/08/11 ¥98,540
戴向军 2009/07/07 ¥87,500
王延芳 2012/04/09 ¥138,575
沈健 2010/01/04 ¥125,250
刘伟峰 2012/06/01 ¥115,000
陆先生 2013/02/01 ¥75,650
纪虹羽 2011/12/06 ¥145,600
肖艳 2011/03/21 ¥356,250
沈国金 2009/02/27 ¥103,500
王燕峰 2010/07/14 ¥86,500
徐若琳 2008/11/13 ¥183,000
徐成业 2011/06/27 ¥183,000
李岸白 2011/01/25 ¥112,000 
var table = $('#dataTableExample').DataTable($.concatCpt('dataTable'));
$('#DTSubmitBtn').click(function() {
    var data = table.$('input, select').serialize();
    console.log(data)
    toastr.info("将向服务器提交以下数据：<br>" + data.substr(0, 120) + '...');
    return false;
});
<button type="button" class="btn btn-success mb-15" id="DTSubmitBtn">提交表单</button>
<table class="table table-bordered table-hover dataTable table-striped w-full text-nowrap" id="dataTableExample">
    <thead>
    <tr>
        <th>姓名</th>
        <th>职位</th>
        <th>工作地点</th>
        <th>年龄</th>
        <th>入职时间</th>
        <th>年薪</th>
    </tr>
    </thead>
    <tfoot>
    <tr>
        <th>姓名</th>
        <th>职位</th>
        <th>工作地点</th>
        <th>年龄</th>
        <th>入职时间</th>
        <th>年薪</th>
    </tr>
    </tfoot>
    <tbody>
    <tr>
        <td>李霞</td>
        <td><input name="row-2" type="text" class="form-control form-control-sm" value="系统架构师"></td>
        <td>
            <select name="row-3 class="form-control form-control-sm">
                <option value="beijing" selected="selected">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input name="row-4 type="text" class="form-control form-control-sm" value="61"></td>
        <td>2011/04/25</td>
        <td>&yen;320,800</td>
    </tr>
    <tr>
        <td>杜重治</td>
        <td><input type="text" class="form-control form-control-sm" value="会计"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="63"></td>
        <td>2011/07/25</td>
        <td>&yen;170,750</td>
    </tr>
    <tr>
        <td>陈锋</td>
        <td><input type="text" class="form-control form-control-sm" value="初级开发者"></td>
        <td>
            <select class="form-control form-control-sm">
            <option value="beijing">北京</option>
            <option value="shanghai">上海</option>
            <option value="guangzhou">广州</option>
            <option value="nanjing">南京</option>
            <option value="suzhou">苏州</option>
            <option value="xian">西安</option>
            <option value="shenzhen" selected="selected">深圳</option>
        </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="66"></td>
        <td>2009/01/12</td>
        <td>&yen;86,000</td>
    </tr>
    <tr>
        <td>郑伯宁</td>
        <td><input type="text" class="form-control form-control-sm" value="高级JavaScript开发者"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing" selected="selected">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="22"></td>
        <td>2012/03/29</td>
        <td>&yen;433,060</td>
    </tr>
    <tr>
        <td>施华军</td>
        <td><input type="text" class="form-control form-control-sm" value="会计"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai" selected="selected">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="33"></td>
        <td>2008/11/28</td>
        <td>&yen;162,700</td>
    </tr>
    <tr>
        <td>吴书振</td>
        <td><input type="text" class="form-control form-control-sm" value="集成专家"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing" selected="selected">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="61"></td>
        <td>2012/12/02</td>
        <td>&yen;372,000</td>
    </tr>
    <tr>
        <td>张宁</td>
        <td><input type="text" class="form-control form-control-sm" value="销售代表"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen" selected="selected">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="59"></td>
        <td>2012/08/06</td>
        <td>&yen;137,500</td>
    </tr>
    <tr>
        <td>马世波</td>
        <td><input type="text" class="form-control form-control-sm" value="集成专家"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai" selected="selected">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="55"></td>
        <td>2010/10/14</td>
        <td>&yen;327,900</td>
    </tr>
    <tr>
        <td>张章</td>
        <td><input type="text" class="form-control form-control-sm" value="Javascript开发者"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen" selected="selected">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="39"></td>
        <td>2009/09/15</td>
        <td>&yen;205,500</td>
    </tr>
    <tr>
        <td>张竹影</td>
        <td><input type="text" class="form-control form-control-sm" value="软件工程师"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing" selected="selected">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="23"></td>
        <td>2008/12/13</td>
        <td>&yen;103,600</td>
    </tr>
    <tr>
        <td>韩庆福</td>
        <td><input type="text" class="form-control form-control-sm" value="办公室主管"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou" selected="selected">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="30"></td>
        <td>2008/12/19</td>
        <td>&yen;90,560</td>
    </tr>
    <tr>
        <td>刘勇</td>
        <td><input type="text" class="form-control form-control-sm" value="客户服务"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing" selected="selected">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="22"></td>
        <td>2013/03/03</td>
        <td>&yen;342,000</td>
    </tr>
    <tr>
        <td>张忆湫</td>
        <td><input type="text" class="form-control form-control-sm" value="大区经理"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen" selected="selected">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="36"></td>
        <td>2008/10/16</td>
        <td>&yen;470,600</td>
    </tr>
    <tr>
        <td>尚志兴</td>
        <td><input type="text" class="form-control form-control-sm" value="高级营销设计师"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou" selected="selected">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="43"></td>
        <td>2012/12/18</td>
        <td>&yen;313,500</td>
    </tr>
    <tr>
        <td>杜若芳</td>
        <td><input type="text" class="form-control form-control-sm" value="大区经理"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou" selected="selected">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="19"></td>
        <td>2010/03/17</td>
        <td>&yen;385,750</td>
    </tr>
    <tr>
        <td>杨乔松</td>
        <td><input type="text" class="form-control form-control-sm" value="营销设计师"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou" selected="selected">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="66"></td>
        <td>2012/11/27</td>
        <td>&yen;198,500</td>
    </tr>
    <tr>
        <td>闫跃进</td>
        <td><input type="text" class="form-control form-control-sm" value="CEO"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing" selected="selected">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="64"></td>
        <td>2010/06/09</td>
        <td>&yen;725,000</td>
    </tr>
    <tr>
        <td>孙凯</td>
        <td><input type="text" class="form-control form-control-sm" value="系统管理员"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing" selected="selected">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="59"></td>
        <td>2009/04/10</td>
        <td>&yen;237,500</td>
    </tr>
    <tr>
        <td>赖祥校</td>
        <td><input type="text" class="form-control form-control-sm" value="软件工程师"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou" selected="selected">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="41"></td>
        <td>2012/10/13</td>
        <td>&yen;132,000</td>
    </tr>
    <tr>
        <td>郭晖</td>
        <td><input type="text" class="form-control form-control-sm" value="人事主管"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing" selected="selected">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="35"></td>
        <td>2012/09/26</td>
        <td>&yen;217,500</td>
    </tr>
    <tr>
        <td>贺光明</td>
        <td><input type="text" class="form-control form-control-sm" value="技术主管"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing" selected="selected">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="30"></td>
        <td>2011/09/03</td>
        <td>&yen;345,000</td>
    </tr>
    <tr>
        <td>邓小燕</td>
        <td><input type="text" class="form-control form-control-sm" value="CMO"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing" selected="selected">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="40"></td>
        <td>2009/06/25</td>
        <td>&yen;675,000</td>
    </tr>
    <tr>
        <td>白莉惠</td>
        <td><input type="text" class="form-control form-control-sm" value="售前支持"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing" selected="selected">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="21"></td>
        <td>2011/12/12</td>
        <td>&yen;106,450</td>
    </tr>
    <tr>
        <td>杨海霞</td>
        <td><input type="text" class="form-control form-control-sm" value="销售代表"></td>
        <td>成都
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou" selected="selected">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="23"></td>
        <td>2010/09/20</td>
        <td>&yen;85,600</td>
    </tr>
    <tr>
        <td>利旭日</td>
        <td><input type="text" class="form-control form-control-sm" value="CEO"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou" selected="selected">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="47"></td>
        <td>2009/10/09</td>
        <td>&yen;1,200,000</td>
    </tr>
    <tr>
        <td>范永胜</td>
        <td><input type="text" class="form-control form-control-sm" value="开发者"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing" selected="selected">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="42"></td>
        <td>2010/12/22</td>
        <td>&yen;92,575</td>
    </tr>
    <tr>
        <td>于怀斌</td>
        <td><input type="text" class="form-control form-control-sm" value="大区经理"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou" selected="selected">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="28"></td>
        <td>2010/11/14</td>
        <td>&yen;357,650</td>
    </tr>
    <tr>
        <td>赵淑娜</td>
        <td><input type="text" class="form-control form-control-sm" value="软件工程师"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen" selected="selected">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="28"></td>
        <td>2011/06/07</td>
        <td>&yen;206,850</td>
    </tr>
    <tr>
        <td>张淑杰</td>
        <td><input type="text" class="form-control form-control-sm" value="COO"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen" selected="selected">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="48"></td>
        <td>2010/03/11</td>
        <td>&yen;850,000</td>
    </tr>
    <tr>
        <td>陈俊军</td>
        <td><input type="text" class="form-control form-control-sm" value="区域销售"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai" selected="selected">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="20"></td>
        <td>2011/08/14</td>
        <td>&yen;163,000</td>
    </tr>
    <tr>
        <td>郭增杰</td>
        <td><input type="text" class="form-control form-control-sm" value="集成专家"></td>
        <td>成都
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing" selected="selected">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="37"></td>
        <td>2011/06/02</td>
        <td>&yen;95,400</td>
    </tr>
    <tr>
        <td>林云</td>
        <td><input type="text" class="form-control form-control-sm" value="开发者"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="53"></td>
        <td>2009/10/22</td>
        <td>&yen;114,500</td>
    </tr>
    <tr>
        <td>郭述龙</td>
        <td><input type="text" class="form-control form-control-sm" value="技术作者"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou" selected="selected">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="27"></td>
        <td>2011/05/07</td>
        <td>&yen;145,000</td>
    </tr>
    <tr>
        <td>杨军</td>
        <td><input type="text" class="form-control form-control-sm" value="团队主管"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen" selected="selected">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="22"></td>
        <td>2008/10/26</td>
        <td>&yen;235,500</td>
    </tr>
    <tr>
        <td>张海龙</td>
        <td><input type="text" class="form-control form-control-sm" value="售后支持"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing" selected="selected">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="46"></td>
        <td>2011/03/09</td>
        <td>&yen;324,050</td>
    </tr>
    <tr>
        <td>耿静</td>
        <td><input type="text" class="form-control form-control-sm" value="营销设计师"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen" selected="selected">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="47"></td>
        <td>2009/12/09</td>
        <td>&yen;85,675</td>
    </tr>
    <tr>
        <td>刘晋荣</td>
        <td><input type="text" class="form-control form-control-sm" value="办公室主管"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen" selected="selected">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="51"></td>
        <td>2008/12/16</td>
        <td>&yen;164,500</td>
    </tr>
    <tr>
        <td>孙宁</td>
        <td><input type="text" class="form-control form-control-sm" value="秘书"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen" selected="selected">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="41"></td>
        <td>2010/02/12</td>
        <td>&yen;109,850</td>
    </tr>
    <tr>
        <td>邢洪锐</td>
        <td><input type="text" class="form-control form-control-sm" value="财务总监"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen" selected="selected">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="62"></td>
        <td>2009/02/14</td>
        <td>&yen;452,500</td>
    </tr>
    <tr>
        <td>陈云云</td>
        <td><input type="text" class="form-control form-control-sm" value="办公室主管"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou" selected="selected">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="37"></td>
        <td>2008/12/11</td>
        <td>&yen;136,200</td>
    </tr>
    <tr>
        <td>张禄</td>
        <td><input type="text" class="form-control form-control-sm" value="主任"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing" selected="selected">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="65"></td>
        <td>2008/09/26</td>
        <td>&yen;645,750</td>
    </tr>
    <tr>
        <td>王增凤</td>
        <td><input type="text" class="form-control form-control-sm" value="技术支持工程师"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou" selected="selected">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="64"></td>
        <td>2011/02/03</td>
        <td>&yen;234,500</td>
    </tr>
    <tr>
        <td>沈捷</td>
        <td><input type="text" class="form-control form-control-sm" value="软件工程师"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou" selected="selected">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="38"></td>
        <td>2011/05/03</td>
        <td>&yen;163,500</td>
    </tr>
    <tr>
        <td>汪化言</td>
        <td><input type="text" class="form-control form-control-sm" value="技术支持工程师"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai" selected="selected">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="37"></td>
        <td>2009/08/19</td>
        <td>&yen;139,575</td>
    </tr>
    <tr>
        <td>杨正机</td>
        <td><input type="text" class="form-control form-control-sm" value="开发者"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing" selected="selected">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="61"></td>
        <td>2013/08/11</td>
        <td>&yen;98,540</td>
    </tr>
    <tr>
        <td>戴向军</td>
        <td><input type="text" class="form-control form-control-sm" value="技术支持工程师"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen" selected="selected">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="47"></td>
        <td>2009/07/07</td>
        <td>&yen;87,500</td>
    </tr>
    <tr>
        <td>王延芳</td>
        <td><input type="text" class="form-control form-control-sm" value="数据分析工程师"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou" selected="selected">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="64"></td>
        <td>2012/04/09</td>
        <td>&yen;138,575</td>
    </tr>
    <tr>
        <td>沈健</td>
        <td><input type="text" class="form-control form-control-sm" value="软件工程师"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing" selected="selected">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="63"></td>
        <td>2010/01/04</td>
        <td>&yen;125,250</td>
    </tr>
    <tr>
        <td>刘伟峰</td>
        <td><input type="text" class="form-control form-control-sm" value="软件工程师"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen" selected="selected">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="56"></td>
        <td>2012/06/01</td>
        <td>&yen;115,000</td>
    </tr>
    <tr>
        <td>陆先生</td>
        <td><input type="text" class="form-control form-control-sm" value="初级Javascript开发者"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing" selected="selected">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="43"></td>
        <td>2013/02/01</td>
        <td>&yen;75,650</td>
    </tr>
    <tr>
        <td>纪虹羽</td>
        <td><input type="text" class="form-control form-control-sm" value="销售代表"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing" selected="selected">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="46"></td>
        <td>2011/12/06</td>
        <td>&yen;145,600</td>
    </tr>
    <tr>
        <td>肖艳</td>
        <td><input type="text" class="form-control form-control-sm" value="大区经理"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou" selected="selected">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="47"></td>
        <td>2011/03/21</td>
        <td>&yen;356,250</td>
    </tr>
    <tr>
        <td>沈国金</td>
        <td><input type="text" class="form-control form-control-sm" value="系统管理员"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou" selected="selected">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="21"></td>
        <td>2009/02/27</td>
        <td>&yen;103,500</td>
    </tr>
    <tr>
        <td>王燕峰</td>
        <td><input type="text" class="form-control form-control-sm" value="开发者"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen" selected="selected">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="30"></td>
        <td>2010/07/14</td>
        <td>&yen;86,500</td>
    </tr>
    <tr>
        <td>徐若琳</td>
        <td><input type="text" class="form-control form-control-sm" value="大区经理"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing" selected="selected">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="51"></td>
        <td>2008/11/13</td>
        <td>&yen;183,000</td>
    </tr>
    <tr>
        <td>徐成业</td>
        <td><input type="text" class="form-control form-control-sm" value="Javascript开发者"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing">南京</option>
                <option value="suzhou" selected="selected">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="29"></td>
        <td>2011/06/27</td>
        <td>&yen;183,000</td>
    </tr>
    <tr>
        <td>李岸白</td>
        <td><input type="text" class="form-control form-control-sm" value="客户服务"></td>
        <td>
            <select class="form-control form-control-sm">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="nanjing" selected="selected">南京</option>
                <option value="suzhou">苏州</option>
                <option value="xian">西安</option>
                <option value="shenzhen">深圳</option>
            </select>
        </td>
        <td><input type="text" class="form-control form-control-sm" value="27"></td>
        <td>2011/01/25</td>
        <td>&yen;112,000</td>
    </tr>
    </tbody>
</table>