2016-05-24 17 views
0

私は以下の例を使用しているユーザーに対してbootStrap表を使用しています。私が編集を隠し、で非表示にすることで、オプションを削除したいjavascriptまたはjQueryを使用してbootstrapTableの列を非表示にする

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

は(ここではユーザー列を削除します)、テーブル内のデータ・フィールドをを運営しています。私は動作するように思われません。この

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

を参照のうえで、コマンドの下に

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

を使用してそれを実行しようとしていました。 ここに私のサンプルコードです。これは完全なものではありません。私は必要と思った部分だけをここに追加しました。

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

私のテーブルには、一部を隠し列正常に動作しなく。

+1

コードは完璧です。問題はどこですか?また、完全なhtmlとjqueryを参考にしてください。 – Bharat

+0

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

+0

上記は完全なjspとjsコードです。 –

答えて

0

Bharatが彼のコメントで述べたように、私のコードは正常に動作します。しかし、問題は、hidecolumnshowcolumnが実行中で、テーブルがロードされていない場合です。したがって、これらのコマンドは役に立たなくなります。この種の状況を回避する方法の1つは、.click()のようなイベントにバインドすることです。私の場合、それは解決策ではありません。しばらくすると、私はこれを見つけるsetTimeoutメソッドです。だから私は以下のような私の問題を解決するためにそれを使いました。あなたがこれを参照する程度のsetTimeout方法を見つけることができ

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

http://www.w3schools.com/jsref/met_win_settimeout.asp

誰かがこれを役に立つと考えています。その他の解決策は大歓迎です。

関連する問題