{"id":315,"date":"2013-05-30T22:30:00","date_gmt":"2013-05-30T13:30:00","guid":{"rendered":"http:\/\/taitan916.info\/blog\/?p=315"},"modified":"2014-07-02T23:25:08","modified_gmt":"2014-07-02T14:25:08","slug":"post-315","status":"publish","type":"post","link":"https:\/\/taitan916.info\/blog\/archives\/315","title":{"rendered":"table\u306e\u30d5\u30a3\u30eb\u30bf\u30fc\u6a5f\u80fd"},"content":{"rendered":"

jQuery<\/span>\u306e\u30d7\u30e9\u30b0\u30a4\u30f3<\/span>\u3067\u7c21\u5358\u306b\u30d5\u30a3\u30eb\u30bf\u30fc\u6a5f\u80fd\u304c<\/p>\n

\u3064\u3051\u3089\u308c\u305f\u306e\u3067\u30e1\u30e2\u3002<\/p>\n

\u25a0\u5fc5\u8981\u306a\u3082\u306e<\/span><\/p>\n

http:\/\/sunnywalker.github.io\/jQuery.FilterTable\/<\/a><\/p>\n

\u25a0\u4f7f\u3044\u65b9<\/span><\/p>\n

jQuery<\/span>\u3068\u30d7\u30e9\u30b0\u30a4\u30f3<\/span>\u8aad\u307f\u8fbc\u3080\u3002<\/p>\n

$('table').filterTable({quickList:['class','tag']});\u3092\u8a18\u8ff0\u3002<\/p>\n

<tbody>\u3068<thead>\u3092\u3064\u3051\u3068\u304b\u306a\u3044\u3068\u691c\u7d22\u306b\u5dfb\u304d\u8fbc\u307e\u308c\u308b\u3053\u3068\u304c\u3042\u308b\u306e\u3067\u6ce8\u610f\u3002<\/p>\n

\u25a0\u30b5\u30f3\u30d7\u30eb<\/span><\/p>\n

http:\/\/sample.taitan916.info\/filter_table\/<\/a><\/p>\n

\u25a0\u30bd\u30fc\u30b9<\/span><\/p>\n

<?
\nfunction makeRandStr($length) {
\n$r_str = '';
\n$str = array_merge(range('a', 'z'), range('0', '9'), range('A', 'Z\"'));
\nfor ($x = 0; $x < $length; $x++) {
\n$r_str .= $str[rand(0, count($str)-1)];
\n}
\nreturn $r_str;
\n}
\n?>
\n<html>
\n<head>
\n<meta charset=\"UTF-8<\/span>\">
\n<script type=\"text\/javascript<\/span>\" src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.7.2\/jquery.min.js\"><\/script>
\n<script src=\".\/jquery<\/span>.filtertable.min.js\"><\/script><!--\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u8aad\u307f\u8fbc\u3080--><\/span>
\n<script>
\n$(function(){
\n$('table').filterTable({quickList:['class','tag']}); \/\/quickList\u3067\u597d\u304d\u306a\u3082\u306e\u3092\u6307\u5b9a\u3067\u304d\u308b<\/span>
\n});
\n<\/script>
\n<style>
\n.filter-table .quick { \/*quickList\u306e\u30b9\u30bf\u30a4\u30eb*\/<\/span>
\nmargin-left: 0.5em;
\nfont-size: 0.8em;
\ntext-decoration: none;
\n}
\ntd.alt { \/*\u30bd\u30fc\u30c8\u3067\u51fa\u3066\u304d\u305f\u3084\u3064\u306e\u8272\u3065\u3051*\/<\/span>
\nbackground-color: #ffc;
\nbackground-color: rgba(255, 255, 0, 0.2);
\n}
\n<\/style>
\n<title>filtertable\u306e\u30c6\u30b9\u30c8<\/title>
\n<\/head>
\n<body>
\n<h1>filtertable\u306e\u30c6\u30b9\u30c8<\/h1>
\n<table><\/p>\n

<thead>
\n<tr>
\n<th>seq<\/th>
\n<th>str<\/th>
\n<th>quickList<\/th>
\n<\/tr><\/p>\n

<\/thead><\/p>\n

<tbody>
\n<? for ($i = 0; $i <= 30; $i++) : ?>
\n<tr class=\"visible\" style=\"display: table-row;\">
\n<td><?=$i;?><\/td>
\n<td><?=makeRandStr(7);?><\/td><!--str\u306e\u3068\u3053\u306f\u30e9\u30f3\u30c0\u30e0\u82f1\u65707\u6587\u5b57--><\/span>
\n<td><?=($i % 2 == 0) ? 'class' : 'tag';?><\/td><!--\u5076\u6570\u884c\u306fclass\u3092\u3064\u3051\u3066\u3001\u6c17\u6570\u884c\u306ftag\u3092\u3064\u3051\u308b--><\/span>
\n<\/tr>
\n<? endfor ;?><\/p>\n

<\/tbody>
\n<\/table>
\n<\/body>
\n<\/html><\/p>\n

\/\/20130612\u8ffd\u8a18<\/span><\/p>\n

\u5c0e\u5165\u3057\u3088\u3046\u3068\u3057\u3066\u306f\u307e\u3063\u305f\u306e\u3067\u30e1\u30e2\u3002<\/p>\n

\u30c7\u30d5\u30a9\u3067\u306f8\uff1f\u3000\u304b9\u884c\u3050\u3089\u3044tr\u304c\u7121\u3044\u3068\u30d5\u30a3\u30eb\u30bf\u30fc\u306e<\/p>\n

\u30c6\u30ad\u30b9\u30c8\u30dc\u30c3\u30af\u30b9\u304c\u8868\u793a\u3055\u308c\u306a\u3044\u3001\u3068\u3044\u3046\u306e\u304c\u539f\u56e0\u3002<\/p>\n

$(\"#result_table\").filterTable({minRows : 1<\/span>});<\/p>\n

\u3068\u3057\u3066\u6307\u5b9a\u3059\u308b\u3053\u3068\u30671\u884c\u4ee5\u4e0a\u3067\u8868\u793a\u3055\u308c\u308b\u3063\u307d\u3044\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"

jQuery\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u7c21\u5358\u306b\u30d5\u30a3\u30eb\u30bf\u30fc\u6a5f\u80fd\u304c \u3064\u3051\u3089\u308c\u305f\u306e\u3067\u30e1\u30e2\u3002 \u25a0\u5fc5\u8981\u306a ... <\/p>\n","protected":false},"author":1,"featured_media":1071,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-315","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t