Заголовок HTML исправлен с использованием jquery floatthead.

Question

Я пытаюсь использовать плагин jQuery floatThead. Похоже, что чего-то не хватает. Я прочитал учебник. Может ли кто-нибудь помочь мне с этим. Я присоединяю JSFiddle. Помогите оценить.

<div class="wrapper"> 

<table class="table demo1 table-bordered table-striped"> 
    <thead> <tr> <th><a href="#" id='demoHeader1'>Header 1</a></th> 
     <th><a href="#" id='demoHeader2'>Header 2</a></th> <th><a href="#" id='demoHeader3'>Header...3</a></th> </tr> </thead> 
    <tbody> 
    <tr> <td>Cell Content 1</td> <td>Cell Content 2</td> <td>Cell Content 3</td> </tr> 
    <tr> <td>More Cell Content 1</td> <td>More Cell Content 2</td> <td>More Cell Content 3</td> </tr> 
    <tr> <td>Even More Cell Content 1</td> <td>Even More Cell Content 2</td> <td>Even More Cell Content 3</td> </tr> 
    <tr> <td>And Repeat 1</td> <td>And Repeat 2</td> <td>And Repeat 3</td> </tr> <tr> <td>Cell Content 1</td> <td>Cell Content 2</td> <td>Cell Content 3</td> </tr> 
    <tr> <td>More Cell Content 1</td> <td>More Cell Content 2</td> <td>More Cell Content 3</td> </tr> 
    <tr> <td>Even More Cell Content 1</td> <td>Even More Cell Content 2</td> <td>Even More Cell Content 3</td> </tr> 
    <tr> <td>And Repeat 1</td> <td>And Repeat 2</td> <td>And Repeat 3</td> </tr> 
    <tr> <td>Cell Content 1</td> <td>Cell Content 2</td> <td>Cell Content 3</td> 
    </tr> <tr> <td>More Cell Content 1</td> <td>More Cell Content 2</td> <td>More Cell Content 3</td> </tr> 
    <tr> <td>Even More Cell Content 1</td> <td>Even More Cell Content 2</td> <td>Even More Cell Content 3</td> </tr> 
</table> 

https://jsfiddle.net/otyy8svy/

Answer 1

Вся проблема в том, что вы не добавили код плагина в свой демо. Таким образом, у вас есть консольная ошибка $demo1.floatThead is not a function.

Возможно, они удалили свой код, размещенный на cloudflare. Итак, возможно, это твоя проблема. https://cdnjs.cloudflare.com/ajax/libs/floatthead/1.2.11/jquery.floatThead.js

Решение

Я добавил код из plugin's official website в скрипку коробки и расслоение плотной вещь работала.

https://jsfiddle.net/psy8Lzpk/

Так, get the code, и включают в floatThead.js файла, размещенного на вашем собственном сервере, связать его на страницу выше основного JS-файла и быть счастливым.