DataTable не может применять стиль

Я пытаюсь применить свойства табличного класса и стилей столбцов к DataTable. Однако ни один из атрибутов ничего не делает.DataTable не может применять стиль

Я написал // doesn't do anything, где что-то не работает, как я этого хочу.

Данные таблицы добавляются динамически вскоре после создания таблицы.

<html> 
<head> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<link href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css" rel="stylesheet"/> 
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script> 

<script type="text/javascript" src="socket.io/socket.io.js"></script> 
<script type="text/javascript" src="./js/client.js"></script> 

<style> 
     .override { 
    display:solid; !important; 
} 

</style> 
<script> 

$(document).ready(function() { 
    $('#demo').html('<table cellpadding="0" cellspacing="0" border="0" class="stripe" id="example" ></table>'); 
    // class= doesn't do anything 

    t = $('#example').DataTable({ 
     columns: 
     [ 
      {width:"300px", title: "Name",   data: "name" }, 
      // width doesn't do anything 
      {className: "dt[-head|-body]-right", title: "Age", data: "age" },    
      // className doesn't do anything 
      {title: "Nationality", data: "nationality"} 
     ] 
    }); 

    connect();    
}); 
</script> 
</head> 

<body> 
<div id="demo" style="width:500px"> </div> 
</body> 
</html>

источник

2015-07-12 user3257755

как '' width' и className' должны работать сразу, а также с настройками, которые вы используете, присоединяя ''

на '# demo' - вы не загружаете какие-либо данные, то вы определили настройки в 'columns', и у вас нет данных === Параметры столбца никогда не инициализируются. – davidkonrad

ответ

Попробуйте добавить «https» в начале этих двух ссылок, а затем выполнить код.

1- ссылка HREF = "https: //cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css" отн = "таблицы стилей"

2- сценарий SRC = "https: //cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"

источник

2015-07-12 10:50:03 user61092

Не работает. Спасибо за ваш ответ – user3257755

Попробуйте следующее Решение. Загрузите содержимое из CDN правильно.

<html> 
    <head> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <link href="http://cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css" rel="stylesheet"/> 
    <script src="http://cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script> 

    <script type="text/javascript" src="socket.io/socket.io.js"></script> 
    <script type="text/javascript" src="./js/client.js"></script> 

    <style> 
      .override { 
     display:solid; !important; 
    } 

    </style> 
    <script> 

    $(document).ready(function() { 
     $("#demo").html("<table cellpadding='0' cellspacing='0' border='0' class='stripe' id='example'></table>"); 
     // class= doesn't do anything 

     t = $('#example').DataTable({ 
      columns: 
      [ 
       {width:"300px", title: "Name",   data: "name" }, 
       // width doesn't do anything 
       {className: "dt[-head|-body]-right", title: "Age", data: "age" },    
       // className doesn't do anything 
       {title: "Nationality", data: "nationality"} 
      ] 
     }); 

     connect();    
    }); 
    </script> 
    </head> 

    <body> 
    <div id="demo" style="width:500px"> </div> 
    </body> 
    </html>

источник

2015-07-20 11:59:40

Смежные вопросы