@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/
function table_ex($atts){extract(shortcode_atts(array(),$atts));$html=<<<EOF <!-- dataTables本体CSS --><link href="//cdn.datatables.net/1.11.3/css/jquery.dataTables.min.css" rel="stylesheet"><!-- dataTables本体JS --><script src="//cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script><!-- dataTablesカラム固定JS --><script src="//cdn.datatables.net/fixedcolumns/3.2.1/js/dataTables.fixedColumns.min.js"></script><style>.post_content td,.post_content th{background-color:initial}.wp-block-table{overflow:initial}table{width:100% !important}.dataTables_filter{margin:.5rem auto}table.dataTable thead th,table.dataTable thead td{font-weight:700;white-space:nowrap;border-bottom:0 solid #bbb}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px 4px 4px;font-weight:700;white-space:nowrap}.DTFC_ScrollWrapper{border:1px solid #bbb !important;outline:0px solid #bbb !important;align-content}.dataTables_scroll{border:0 solid #bbb !important;border-top:0 solid #bbb !important;border-right:0 solid #bbb !important;border-bottom:0 solid #bbb !important;border-left:0 solid #bbb !important;outline:0px solid #bbb !important;align-content}.dataTables_wrapper.no-footer .dataTables_scrollBody{border:1px solid #bbb !important}table.dataTable.DTFC_Cloned{border-right:1px solid #bbb !important;border-bottom:0 solid #bbb !important}.DTFC_LeftBodyWrapper{border:0 solid #bbb !important;border-top:1px solid #bbb !important;border-right:0 solid #bbb !important;border-bottom:1px solid #bbb !important;border-left:0 solid #bbb !important;outline:0px solid red !important}.DTFC_LeftBodyLiner{border:0 solid #bbb !important;border-top:0 solid #bbb !important;border-right:0 solid #bbb !important;border-bottom:0 solid #bbb !important;border-left:0 solid #bbb !important;outline:0px solid #bbb !important;overflow-x:hidden}table.dataTable thead .sorting{border-bottom:0 solid #bbb !important}</style><script type="text/javascript">//==============================================//DataTable()のオプション//https://datatables.net/reference/option///※対象のテーブルには thead,tbodyを両方使うこと//==============================================dataTableOptionsMapDefault={"table":{//order:[0,"asc"],//並び替え初期状態//stateSave:true,//並び替えなどの状態を保存 paging:false,//ページング pagingType:"full_numbers",//ページングにページ番号リンク出す scrollX:true,//X方向のスクロール有効 scrollY:false,//Y方向のスクロール。vh指定で縦幅の70% scrollCollapse:true,//行少ない時にレイアウト崩れを防ぐ fixedColumns:{leftColumns:1,//左からいくつの列を固定するか},searching:false,//検索フィルタ実装 ordering:false,//並び替えの実装 columnDefs:[{targets:0,//設定対象の列index//width:100,}],language:{url:"//cdn.datatables.net/plug-ins/3cfcc339e89/i18n/Japanese.json"//日本語化},}};if(typeof dataTableOptionsMap=="undefined" || dataTableOptionsMap==null){;}dataTableOptionsMap=Object.assign(dataTableOptionsMapDefault,dataTableOptionsMap);console.log(dataTableOptionsMapDefault);console.log(dataTableOptionsMap);//==============================================//表の見栄えのためのクラス//https://datatables.net/manual/styling/theme-creator#Result//==============================================if(typeof dataTableClass=="undefined" || dataTableClass==null){dataTableClass=""}dataTableClass+=" display";//以下4オプションのセットstripe,hover,row-border,order-column//dataTableClass+=" cell-border";//セルの線あり dataTableClass+=" compact";//小さいセルサイズ//dataTableClass+=" hover";//マウスオーバーで行の色変化//dataTableClass+=" nowrap";//改行なし//dataTableClass+=" order-column";//並び替え列協調//dataTableClass+=" row-border";//行の線あり//dataTableClass+=" stripe";//行ごとに色替え//==============================================//DataTablesを適用する表のセレクタ//==============================================if(typeof dataTableSelectorList=="undefined" || dataTableSelectorList==null){dataTableSelectorList=["table"]}jQuery(function(){console.log(dataTableSelectorList);//==============================================//Tableタグ調整(tbodyはブラウザ側が勝手に付ける)//==============================================for(let idx=0;idx<dataTableSelectorList.length;++idx){let dataTableSelector=dataTableSelectorList[idx];jQuery(dataTableSelector).each(function(index,element){console.log(index+" "+dataTableSelector);first=jQuery(this).find("*:first-child");if(first.prop("tagName")=="tbody"){console.log("処理する");tr=jQuery(this).find("tr:first-child");console.log(tr.html());tr.remove();jQuery(this).prepend("<thead>" + tr.html() + "</thead>")}else{console.log("処理しない")}});//==============================================//DataTables適用開始//;if(dataTableSelector in dataTableOptionsMap){dataTableOptions=dataTableOptionsMap[dataTableSelector]}else{dataTableOptions=dataTableOptionsMapDefault["table"]}console.log("対象table: "+dataTableSelector+" "+jQuery(dataTableSelector).length);console.log(dataTableClass);console.log(dataTableOptions);jQuery(dataTableSelector).addClass(dataTableClass);//クラスをセット jQuery(dataTableSelector).DataTable(dataTableOptions);//DataTable実行}});</script>EOF;return $html;}add_shortcode('table_ex','table_ex');