キーワード†

• WebKit
• Google Charome
• Safari
• table
• border

現象†

原因†

対策†

$(function() {
    if (window.navigator.userAgent.toLowerCase().indexOf('webkit') != -1) {
        $('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