0
回答
bootstrap怎么控制div高宽,表格输入数据出现浮动条?
开发十年,就只剩下这套Java开发体系了   
编辑表格如何才能出现浮动条? 而不是随着窗口浮动?
<!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" />
        <link href="assets/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="assets/css/font-awesome.min.css">
        <link rel="stylesheet" href="assets/css/jquery-ui-1.10.3.custom.min.css">
        <link rel="stylesheet" href="assets/css/chosen.css">
        <link rel="stylesheet" href="assets/css/datepicker.css">
        <link rel="stylesheet" href="assets/css/bootstrap-timepicker.css">
        <link rel="stylesheet" href="assets/css/daterangepicker.css">
        <link rel="stylesheet" href="assets/css/colorpicker.css">
        <link rel="stylesheet" href="assets/css/ace.min.css">
        <link rel="stylesheet" href="assets/css/ace-rtl.min.css">
        <link rel="stylesheet" href="assets/css/ace-skins.min.css">
        <script src="assets/js/ace-extra.min.js"></script>
<title>无标题文档</title>
</head>
<style>
</style>
<body>
    <div class="row">
        <div class="col-xs-8" style="overflow:scroll; overflow-x:scroll;">
        <table class="table" contenteditable="true">
        <thead>
        <tr>
            <th>编号</th>
            <th>号码归属人设置</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>*</td>
            <td>TB - Monthly</td>
            <td><button class="btn btn-xs btn-info">
            <i class="icon-edit bigger-120"></i></button>
            <button class="btn btn-xs btn-danger">
            <i class="icon-trash bigger-120"></i></button>
            </td>
        </tr>
        <tr>
            <td>*</td>
            <td>TB - Monthly</td>
            <td><button class="btn btn-xs btn-info">
            <i class="icon-edit bigger-120"></i></button>
            <button class="btn btn-xs btn-danger">
            <i class="icon-trash bigger-120"></i></button></td>
        </tr>
        <tr>
            <td>*</td>
            <td>TB - Monthly</td>
            <td><button class="btn btn-xs btn-info">
            <i class="icon-edit bigger-120"></i></button>
            <button class="btn btn-xs btn-danger">
            <i class="icon-trash bigger-120"></i></button></td>
        </tr>
            <tr>
            <td>*</td>
            <td>TB - Monthly</td>
            <td><button class="btn btn-xs btn-info">
            <i class="icon-edit bigger-120"></i></button>
            <button class="btn btn-xs btn-danger">
            <i class="icon-trash bigger-120"></i></button></td>
        </tr>
            <tr>
            <td>*</td>
            <td>TB - Monthly</td>
            <td><button class="btn btn-xs btn-info">
            <i class="icon-edit bigger-120"></i></button>
            <button class="btn btn-xs btn-danger">
            <i class="icon-trash bigger-120"></i></button></td>
        </tr>
            <tr>
            <td>*</td>
            <td>TB - Monthly</td>
            <td><button class="btn btn-xs btn-info">
            <i class="icon-edit bigger-120"></i></button>
            <button class="btn btn-xs btn-danger">
            <i class="icon-trash bigger-120"></i></button></td>
        </tr>
        </tbody>
        </table>
        </div>
        <div class="col-xs-4">
        <div><button value="添加">添加</button>
      </div>
    </div>
    <div class="col-xs-12">
      <div align="center">
        <button value="确认">确认</button>
        <button value="取消">取消</button>
     </div>
</div>
</body>
</html>


举报
FFnull
发帖于3年前 0回/602阅
顶部