9

テーブルの上に表示される列切り替えボタンまたは列選択ボタンをテーブルから非表示にしたい。jQueryモバイル版を使用しています。1.3.2.

私はこれを使用しています：

<table data-role="table" id="table-column-toggle" data-mode="columntoggle" class="ui-responsive table-stroke">
 <thead class="pearlHeading">
  <tr>
   <th data-priority="1">S.No.</th>
   <th >Name of the Programme</th>
   <th data-priority="2">Campus</th>
  </tr>
 </thead>
 <tbody>
 </tbody>
</table>

私は 

data-role="table" id="table-column-toggle" data-mode="columntoggle"

しかし、正しく機能していません

4

4 に答える 4

11

作業例: http://jsfiddle.net/Gajotres/pdYre/

CSS:

.ui-table-columntoggle-btn {
    display: none !important;
}
于 2013-07-23T08:21:40.467 に答える
0

「ガジョトレ」のレスポンスを使うのですが……

すべての「ボタン テーブル トグル」に適用され、.js を少し編集すると、適用するものを「選択」できませんでした。

jquery.mobile - 1.3.2.min.js (gzip) 行 6 列 11429

d=a(k.columnBtnText===""?"":"<a href='#"+m+"' class='"+k.classes.columnBtn+"' data-"+l+"rel='popup' data-"+l+"mini='true'>"+k.columnBtnText+"</a>")

jquery.mobile - 1.3.2.js 行 10872

if ( event ! == " refresh" ) {
self.element.addClass ( o.classes.columnToggleTable ) ;
if ( o.columnBtnText === "") {
$MenuButton = $(""),
else {
$menuButton = $("<a href='#" + id + "' class='" + o.classes.columnBtn + "' data-" + ns         + "rel='popup' data-" + ns + "mini='true'>" + o.columnBtnText + "</a>" ),
}
$ popup = $ (" < div data- " + ns + " role = ' popup' data- " + ns + " role = ' fieldcontain ' class = '" + o.classes.popup + " ' id = ' " + id + "' > < / div >") ,
$ menu = $ (" + ns + <fieldset data-" "role='controlgroup'> < / fieldset >") ;

コードは？、「テキスト」ボタンが空白の場合data-column-btn-text=""...ボタンを表示しないため、表示するものと非表示にするものを決定できます

それから少しだけ編集します。js は CSS を必要としなくなり、ボタンを非表示にする場所を選択できます

于 2014-03-31T15:42:53.617 に答える