미디어위키:Common.js/libre-responsive-table.js

< 미디어위키:Common.js
Spaceboy (토론 | 기여)님의 2023년 5월 1일 (월) 12:57 판 (새 문서: $(document).ready(function() { $('.libre-responsive-table').each(function() { var $table = $(this); var $cells = $table.find('tbody th, tbody td'); var $heads = $table.find('thead th'); var cellsPerRow = $heads.length; $heads.each(function(headIndex) { var text = $(this).text(); $cells .filter(function(cellIndex) { return cellIndex % cellsPerRow === headIndex;...)
(차이) ← 이전 판 | 최신판 (차이) | 다음 판 → (차이)

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

  • 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
  • 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
  • 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
  • 오페라: Ctrl-F5를 입력.
$(function () {
    $('.libre-responsive-table').each(function () {
        var $table = $(this);
        var $cells = $table.find('tbody th, tbody td');
        var $heads = $table.find('thead th');
        var cellsPerRow = $heads.length;
        $heads.each(function (headIndex) {
            var text = $(this).text();
            $cells
                .filter(function (cellIndex) {
                    return cellIndex % cellsPerRow === headIndex;
                })
                .attr('data-th', text);
        });
    });
});