[HTML] 테이블에서 TD 마우스 오버 시 툴팁 보여주기

테이블에서 TD가 넘치면 말 줄임표 (...) 로 표시가 되도록 CSS를 부여 했었다. for(var i = 0; i < result.outside.length; i++){ html += '<tr>'; ... html += '<td class="Numnum-td">' +result.outside[i].NUMNUM +'</td>'; html += '</tr>'; } $(".car-crash-table").append(html); .Numnum-td{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 100px; } 마우스 오버했을 때 요약된 부분이 툴팁으로 나올 수 있었으면 해서 tooltip 적용하는 법을 검색해서 한참을 찾았었는데, 아래와 같이 해당 td 자체의 title에 전체 값을 넣어주면 된다. for(var i = 0; i < result.outside.le...

원문링크 : [HTML] 테이블에서 TD 마우스 오버 시 툴팁 보여주기