jQuery resizable table IE issue

Question

Во-первых, я НЕ пытаюсь изменить размер столбцов таблицы. Я пытаюсь изменить размер таблицы.

Что я нашел в jQuery, так это размещение html неверно. Видно в отладчике IE или любом отладчике браузеров.

Использование этого кода.

JQuery:

$("table").resizable(); 

Html:

<table> 
    <thead><tr><th></th></tr></thead> 
    <tbody><tr><td></td></tr></tbody> 
</table> 

HTML-код рендерингу, (видно в отладчике):

<table class="ui-resizable"> 
    <thead><tr><th></th></tr></thead> 
    <tbody><tr><td></td></tr></tbody> 
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div> 
    <div class="ui-resizable-handle ui-resizable-s" style="z-index: 90; display: block;"></div> 
    <div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90; display: block;"></div> 
</table> 

Как вы можете видеть, отд узлы являются места непосредственно в узле таблицы, который не является правильным html. Вот пример: jsfiddle

Кто-нибудь знает о решении?

Answer 1

Это проблема с файлом сценария, который используется в приложении

Добавьте следующие ресурсы

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 

Вот пример: http://jsfiddle.net/yx1egssj/18/