• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 障害メモ/Chromeでテーブルの罫線が表示されない へ行く。
  • 1 (2015-02-10 (火) 11:12:32)

キーワード†

• WebKit
• Google Charome
• Safari
• table
• border

現象†

原因†

対策†

$(function() {
    $('table').css({
        'border-collapse': 'separate',
        'border-spacing': '0',
        'cellspacing': '0'
    });
    $('table').children('tbody').children('tr:not(:last-child)').children('td:not(:last-child)').css({
        'border-right': '0',
        'border-bottom': '0'
    });
    $('table').children('tbody').children('tr:not(:last-child)').children('td:last-child').css({
        'border-bottom': '0'
    });
    $('table').children('tbody').children('tr:last-child').children('td:not(:last-child)').css({
        'border-right': '0'
    });
    $('table').children('tbody').children('tr:last-child').children('td:last-child').css({
    });
});

備考†

参考†

• Chromeでテーブルのボーダーがおかしい | memopad
• Webkitで罫線が正しく表示されない - undefined