2016-05-24 4 views
0

Я использую таблицу bootStrap для своих пользователей, используя приведенный ниже пример.Скрыть столбец в bootstrapTable с помощью javascript или jQuery

http://www.redexperu.com/assets/js/bootstrap-table-master/docs/examples.html#via-javascript-table

Я хочу, чтобы скрыть Редактировать и удалять параметры, прячась в работать (здесь Delete User Column) поле данных в таблице. Я пытался сделать это с помощью следующей команды

$('#table').bootstrapTable('hideColumn', 'operate'); 

по отсылая этот

https://github.com/wenzhixin/bootstrap-table-examples/blob/master/methods/showColumn-hideCoulumn.html

Это не похоже на работу. Вот мой пример кода. Это не полный. Я добавил сюда только те части, которые я считал нужными.

https://jsfiddle.net/Menuka/ht3dwwt9/4/

Мой стол отлично работает, но не столбец скрытие части.

+1

код совершенный, где проблема? также поместите ваш полный html и jquery для справки. – Bharat

+0

https://jsfiddle.net/Menuka/jw9ghk4v/1/ –

+0

Выше полный код jsp и js. –

ответ

0

Как упоминал Бхарат в своем комментарии, мой код работает нормально. Но проблема в том, когда hidecolumn и showcolumn исполняются, таблица не загружается. Таким образом, эти команды работают бесполезно. Один из способов избежать подобных ситуаций - связать его с событием вроде .click(). В моем случае это не решение. Через некоторое время я узнаю этот метод setTimeout. Поэтому я использовал его для решения моей проблемы, как показано ниже.

<script> 
setTimeout(function(){ $('#table').bootstrapTable('showColumn', 'operate2'); }, 100); 
</script> 

вы можете узнать о SetTimeout метод со ссылкой это. http://www.w3schools.com/jsref/met_win_settimeout.asp

Надеюсь, что кто-то найдет это полезным. Любые другие решения приветствуются.

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