问数据表列宽度
EN

Stack Overflow用户
提问于 2016-04-20 00:53:55
回答 2查看 10.2K关注 0票数 1
我已经设置了一个包含多个行和列的datatable，我想知道如何使“tel.1，tel.2和Fecha”列稍宽一些，以便在一行中显示文本。我曾尝试更改数据表js的宽度和columnsdef属性，但不起作用。
    <html>

<head>

    <!DOCTYPE html>

    <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/select/1.1.2/js/dataTables.select.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.1.2/js/dataTables.buttons.min.js"></script>
    <script src="https://cdn.datatables.net/responsive/2.0.2/js/dataTables.responsive.min.js"></script>
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/select/1.1.2/css/select.dataTables.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.1.2/css/buttons.dataTables.min.css">
    <link rel="icon" href="./resources/logo.jpg">
    <link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.0.2/css/responsive.dataTables.min.css">




<script>


    $(document).ready(function() {


        var oTable = $('#maintable').dataTable( {

            "aoColumnDefs": [
                { "bSortable": false, "aTargets": [ 0 ] }
            ],
            "aaSorting": [[1, 'asc']],
            "scrollY": 500,
            "scrollX": true,
            "bAutoWidth": false,
            "aoColumns" : [
                { sWidth: '10px' },
                { sWidth: '100px' },
                { sWidth: '120px' },
                { sWidth: '30px' },
                { sWidth: '120px' },
                { sWidth: '120px' },
                { sWidth: '120px' },
                { sWidth: '120px' },
                { sWidth: '120px' },
                { sWidth: '120px' },
                { sWidth: '120px' },
                { sWidth: '120px' },
                { sWidth: '120px' },
                { sWidth: '120px' },
                { sWidth: '120px' },
                { sWidth: '120px' }
            ],  



            "language": {
                "lengthMenu": "Mostrar _MENU_ datos por pagina.",
                "zeroRecords": "Nada fue encontrado.",
                "info": "Mostrando _PAGE_ de _PAGES_",
                "infoEmpty": "No hay datos disponibles",
                "infoFiltered": "(filtrado de _MAX_ datos totales)",
                "search": "Buscar:",
                "paginate": {
                    "first":      "Primero",
                    "last":       "Ultimo",
                    "next":       "Proximo",
                    "previous":   "Previo"
                }
            }


        });



    } );


</script>   




    <title>Consulta de facturas atrasadas</title>

    <style type="text/css">
        html, #page { padding:0; margin:0;}
        body { margin:0; padding:0; width:100%; color:#959595; font:normal 12px/2.0em Sans-Serif;} 
        h1, h2, h3, h4, h5, h6 {color:darkblue; text-align: center;}

        #page { background:#fff;}
        #header, #footer{ margin:0; padding:0;}


        #logo { padding:0; width:auto; text-align: center; margin: auto;}

        #header { background:#fff; }
        #header-inner { margin:0 auto; padding:0;}


        #footerblurb { background:#d3d3f9;color:blue; width: 100%;}     

        #footer { background:#fff; width: 100%;}
        #footer-inner { margin:auto; text-align:center; padding:12px;}
        #footer a {color:blue;text-decoration:none;}

        #maintable {

            text-align: center;             
            overflow: auto;
        }

        #events {
            margin-bottom: 1em;
            padding: 1em;
            background-color: #f6f6f6;
            border: 1px solid #999;
            border-radius: 3px;
            height: 100px;
            overflow: auto;
        }

        td.highlight {
            background-color: whitesmoke !important;
        }


        #container {

            width:90%;
            margin: 0 auto;

        }

        #titulo {

            margin: 0 auto;

        }


        div.slider {
            display: none;
        }

        table.dataTable tbody td.no-padding {
            padding: 0;
        }


        .bodycontainer { max-height: 450px; width: 100%; margin: 0; overflow-y: auto; }




        .clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}

    </style>

</head>

<body>

        <br>
    <div id="page">
        <header id="header">
            <div id="header-inner"> 
                <div id="logo">

                </div>

                <div id="titulo">

                </div>

                <div class="clr"></div>
            </div>
        </header>
        <br>    

    <div id="container">

        <table id="maintable" class="row-border hover order-column display" cellspacing="0" width="100%">
            <thead>
                <tr style="text-align: center; color: black">

                    <th>Codigo</th>
                    <th>Nombre</th>
                    <th>Propietario</th>
                    <th>Direccion</th>
                    <th>Ciudad</th>
                    <th>Sector</th>
                    <th>Cedula</th>
                    <th>Tel. 1</th>
                    <th>Tel. 2</th>
                    <th>Celular</th>
                    <th>Factura</th> 
                    <th>Fecha</th> 
                    <th>Dias</th> 
                    <th>Monto</th> 
                    <th>Pendiente</th> 
                    <th>Vendedor</th> 

                </tr>
            </thead>


            <tbody>

                <tr>

                    <TD>02SA023</TD>      
                    <TD>MOTO REPUESTOS A Y J</TD>                                 
                    <TD>JOSE HERNANDEZ</TD>              
                    <TD>C/JOSE TAPIA BREA ANT.18 #249 ENS. QUISQUEYA</TD>         
                    <TD>SANTO DOMINGO</TD>                    
                    <TD>ENSANCHE QUISQUEYA</TD>               
                    <TD>00114957335</TD>                      
                    <TD>829-433-5307</TD>      
                    <TD>829-305-0426</TD>      
                    <TD>7195918</TD>
                    <TD>1718</TD>          
                    <TD>2016-4-18</TD>   
                    <TD>104</TD>                        
                    <TD>9980.00</TD>        
                    <TD>9980.00</TD>        
                    <TD>Joan Ramirez</TD>   

                </tr>
                <tr>

                    <TD>02SA023</TD>      
                    <TD>MOTO REPUESTOS A Y J</TD>                                 
                    <TD>JOAN MANUEL RAMIREZ</TD>              
                    <TD>C/JOSE TAPIA BREA ANT.18 #249 ENS. QUISQUEYA</TD>         
                    <TD>SANTO DOMINGO</TD>                    
                    <TD>ENSANCHE QUISQUEYA</TD>               
                    <TD>00114957335</TD>                      
                    <TD>829-433-5307</TD>      
                    <TD>829-305-0426</TD>      
                    <TD>7195918</TD>
                    <TD>1718</TD>          
                    <TD>2015-12-18</TD>   
                    <TD>104</TD>                        
                    <TD>9980.00</TD>        
                    <TD>9980.00</TD>        
                    <TD>Joan Ramirez</TD>   

                </tr>
                <tr>

                    <TD>02SA023</TD>      
                    <TD>MOTO REPUESTOS A Y J</TD>                                 
                    <TD>JOAN MANUEL RAMIREZ</TD>              
                    <TD>C/JOSE TAPIA BREA ANT.18 #249 ENS. QUISQUEYA</TD>         
                    <TD>SANTO DOMINGO</TD>                    
                    <TD>ENSANCHE QUISQUEYA</TD>               
                    <TD>00114957335</TD>                      
                    <TD>829-433-5307</TD>      
                    <TD>829-305-0426</TD>      
                    <TD>7195918</TD>
                    <TD>1718</TD>          
                    <TD>2015-12-18</TD>   
                    <TD>104</TD>                        
                    <TD>9980.00</TD>        
                    <TD>9980.00</TD>        
                    <TD>Joan Ramirez</TD>   

                </tr>
                <tr>

                    <TD>02SA023</TD>      
                    <TD>MOTO REPUESTOS A Y J</TD>                                 
                    <TD>JOSE HERNANDEZ</TD>              
                    <TD>C/JOSE TAPIA BREA ANT.18 #249 ENS. QUISQUEYA</TD>         
                    <TD>SANTO DOMINGO</TD>                    
                    <TD>ENSANCHE QUISQUEYA</TD>               
                    <TD>00114957335</TD>                      
                    <TD>829-433-5307</TD>      
                    <TD>829-305-0426</TD>      
                    <TD>7195918</TD>
                    <TD>1718</TD>          
                    <TD>2016-4-18</TD>   
                    <TD>104</TD>                        
                    <TD>9980.00</TD>        
                    <TD>9980.00</TD>        
                    <TD>Joan Ramirez</TD>   

                </tr>
                <tr>

                    <TD>02SA023</TD>      
                    <TD>MOTO REPUESTOS A Y J</TD>                                 
                    <TD>JOAN MANUEL RAMIREZ</TD>              
                    <TD>C/JOSE TAPIA BREA ANT.18 #249 ENS. QUISQUEYA</TD>         
                    <TD>SANTO DOMINGO</TD>                    
                    <TD>ENSANCHE QUISQUEYA</TD>               
                    <TD>00114957335</TD>                      
                    <TD>829-433-5307</TD>      
                    <TD>829-305-0426</TD>      
                    <TD>7195918</TD>
                    <TD>1718</TD>          
                    <TD>2015-12-18</TD>   
                    <TD>104</TD>                        
                    <TD>9980.00</TD>        
                    <TD>9980.00</TD>        
                    <TD>Joan Ramirez</TD>   

                </tr>
                <tr>

                    <TD>02SA023</TD>      
                    <TD>MOTO REPUESTOS A Y J</TD>                                 
                    <TD>JOSE HERNANDEZ</TD>              
                    <TD>C/JOSE TAPIA BREA ANT.18 #249 ENS. QUISQUEYA</TD>         
                    <TD>SANTO DOMINGO</TD>                    
                    <TD>ENSANCHE QUISQUEYA</TD>               
                    <TD>00114957335</TD>                      
                    <TD>829-433-5307</TD>      
                    <TD>829-305-0426</TD>      
                    <TD>7195918</TD>
                    <TD>1718</TD>          
                    <TD>2016-4-18</TD>   
                    <TD>104</TD>                        
                    <TD>9980.00</TD>        
                    <TD>9980.00</TD>        
                    <TD>Joan Ramirez</TD>   

                </tr>
                <tr>

                    <TD>02SA023</TD>      
                    <TD>MOTO REPUESTOS A Y J</TD>                                 
                    <TD>JOAN MANUEL RAMIREZ</TD>              
                    <TD>C/JOSE TAPIA BREA ANT.18 #249 ENS. QUISQUEYA</TD>         
                    <TD>SANTO DOMINGO</TD>                    
                    <TD>ENSANCHE QUISQUEYA</TD>               
                    <TD>00114957335</TD>                      
                    <TD>829-433-5307</TD>      
                    <TD>829-305-0426</TD>      
                    <TD>7195918</TD>
                    <TD>1718</TD>          
                    <TD>2015-12-18</TD>   
                    <TD>104</TD>                        
                    <TD>9980.00</TD>        
                    <TD>9980.00</TD>        
                    <TD>Joan Ramirez</TD>   

                </tr>
                <tr>

                    <TD>02SA023</TD>      
                    <TD>MOTO REPUESTOS A Y J</TD>                                 
                    <TD>JOAN MANUEL RAMIREZ</TD>              
                    <TD>C/JOSE TAPIA BREA ANT.18 #249 ENS. QUISQUEYA</TD>         
                    <TD>SANTO DOMINGO</TD>                    
                    <TD>ENSANCHE QUISQUEYA</TD>               
                    <TD>00114957335</TD>                      
                    <TD>829-433-5307</TD>      
                    <TD>829-305-0426</TD>      
                    <TD>7195918</TD>
                    <TD>1718</TD>          
                    <TD>2015-12-18</TD>   
                    <TD>104</TD>                        
                    <TD>9980.00</TD>        
                    <TD>9980.00</TD>        
                    <TD>Joan Ramirez</TD>   

                </tr>
                <tr>

                    <TD>02SA023</TD>      
                    <TD>MOTO REPUESTOS A Y J</TD>                                 
                    <TD>JOAN MANUEL RAMIREZ</TD>              
                    <TD>C/JOSE TAPIA BREA ANT.18 #249 ENS. QUISQUEYA</TD>         
                    <TD>SANTO DOMINGO</TD>                    
                    <TD>ENSANCHE QUISQUEYA</TD>               
                    <TD>00114957335</TD>                      
                    <TD>829-433-5307</TD>      
                    <TD>829-305-0426</TD>      
                    <TD>7195918</TD>
                    <TD>1718</TD>          
                    <TD>2015-12-18</TD>   
                    <TD>104</TD>                        
                    <TD>9980.00</TD>        
                    <TD>9980.00</TD>        
                    <TD>Joan Ramirez</TD>   

                </tr>
                <tr>

                    <TD>02SA023</TD>      
                    <TD>MOTO REPUESTOS A Y J</TD>                                 
                    <TD>JOSE HERNANDEZ</TD>              
                    <TD>C/JOSE TAPIA BREA ANT.18 #249 ENS. QUISQUEYA</TD>         
                    <TD>SANTO DOMINGO</TD>                    
                    <TD>ENSANCHE QUISQUEYA</TD>               
                    <TD>00114957335</TD>                      
                    <TD>829-433-5307</TD>      
                    <TD>829-305-0426</TD>      
                    <TD>7195918</TD>
                    <TD>1718</TD>          
                    <TD>2016-4-18</TD>   
                    <TD>104</TD>                        
                    <TD>9980.00</TD>        
                    <TD>9980.00</TD>        
                    <TD>Joan Ramirez</TD>   

                </tr>
                <tr>

                    <TD>02SA023</TD>      
                    <TD>MOTO REPUESTOS A Y J</TD>                                 
                    <TD>JOAN MANUEL RAMIREZ</TD>              
                    <TD>C/JOSE TAPIA BREA ANT.18 #249 ENS. QUISQUEYA</TD>         
                    <TD>SANTO DOMINGO</TD>                    
                    <TD>ENSANCHE QUISQUEYA</TD>               
                    <TD>00114957335</TD>                      
                    <TD>829-433-5307</TD>      
                    <TD>829-305-0426</TD>      
                    <TD>7195918</TD>
                    <TD>1718</TD>          
                    <TD>2015-12-18</TD>   
                    <TD>104</TD>                        
                    <TD>9980.00</TD>        
                    <TD>9980.00</TD>        
                    <TD>Joan Ramirez</TD>   

                </tr>
                <tr>

                    <TD>02SA023</TD>      
                    <TD>MOTO REPUESTOS A Y J</TD>                                 
                    <TD>JOAN MANUEL RAMIREZ</TD>              
                    <TD>C/JOSE TAPIA BREA ANT.18 #249 ENS. QUISQUEYA</TD>         
                    <TD>SANTO DOMINGO</TD>                    
                    <TD>ENSANCHE QUISQUEYA</TD>               
                    <TD>00114957335</TD>                      
                    <TD>829-433-5307</TD>      
                    <TD>829-305-0426</TD>      
                    <TD>7195918</TD>
                    <TD>1718</TD>          
                    <TD>2015-12-18</TD>   
                    <TD>104</TD>                        
                    <TD>9980.00</TD>        
                    <TD>9980.00</TD>        
                    <TD>Joan Ramirez</TD>   

                </tr>
                <tr>

                    <TD>02SA023</TD>      
                    <TD>MOTO REPUESTOS A Y J</TD>                                 
                    <TD>JOSE HERNANDEZ</TD>              
                    <TD>C/JOSE TAPIA BREA ANT.18 #249 ENS. QUISQUEYA</TD>         
                    <TD>SANTO DOMINGO</TD>                    
                    <TD>ENSANCHE QUISQUEYA</TD>               
                    <TD>00114957335</TD>                      
                    <TD>829-433-5307</TD>      
                    <TD>829-305-0426</TD>      
                    <TD>7195918</TD>
                    <TD>1718</TD>          
                    <TD>2016-4-18</TD>   
                    <TD>104</TD>                        
                    <TD>9980.00</TD>        
                    <TD>9980.00</TD>        
                    <TD>Joan Ramirez</TD>   

                </tr>
                <tr>

                    <TD>02SA023</TD>      
                    <TD>MOTO REPUESTOS A Y J</TD>                                 
                    <TD>JOAN MANUEL RAMIREZ</TD>              
                    <TD>C/JOSE TAPIA BREA ANT.18 #249 ENS. QUISQUEYA</TD>         
                    <TD>SANTO DOMINGO</TD>                    
                    <TD>ENSANCHE QUISQUEYA</TD>               
                    <TD>00114957335</TD>                      
                    <TD>829-433-5307</TD>      
                    <TD>829-305-0426</TD>      
                    <TD>7195918</TD>
                    <TD>1718</TD>          
                    <TD>2015-12-18</TD>   
                    <TD>104</TD>                        
                    <TD>9980.00</TD>        
                    <TD>9980.00</TD>        
                    <TD>Joan Ramirez</TD>   

                </tr>

            </tbody>

        </div>    


        </table>    

    </div>                                                                      

    <div class="clr"></div>




</body>
javascript
html
css
datatables
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36724749
复制
相似问题
问数据表列宽度
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问数据表列宽度EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问数据表列宽度
EN
