Bootstrap-table content exceeds the mouse hover to display all

.table th, .table td { 
            text-align : center ; 
            vertical-align : middle! important ; 
        } 

        table { 
            width : 100px ; 
            table-layout : fixed ; / * Only the layout algorithm that defines the table is fixed, the following td The definition will work. * / 
        } 

        td { 
            width : 100% ; 
            word-break : keep-all ; / * do not wrap * / 
            white-space: nowrap ; / * do not wrap * / 
            overflow : hidden ; / * hide the excess content when the content exceeds the width * / 
            text-overflow : ellipsis ; / * display the ellipsis (...) when the text in the object overflows; required Used with overflow: hidden; * / 
            -o-text-overflow : ellipsis ; 
            -icab-text-overflow : ellipsis ; 
            -khtml-text-overflow : ellipsis ; 
            -moz-text-overflow : ellipsis ; 
            -webkit-text- overflow : ellipsis;
        }

        .table {
            table-layout: fixed;
        }

onLoadSuccess: function () {
                $('.bootstrap-table tr td').each(function () {
                    $(this).attr("title", $(this).text());
                    $(this).css("cursor", 'pointer');
                });

}