Table-highlight NPM

📕 Table Highlight

테이블(Table)에서 검색어(Search Text)를 찾아 강조 표시합니다.
Locate and highlight the search term in the table.

🏷️ 기능(Function)

💡 사용 예제(Usage Example)

예제(Example)

<input type="search" placeholder="Search..." title="search" oninput="rowHighlight(this.value,'#TableBody','tr','#0AA1DD','#FFF')">

매개 변수 설명(Parameter Description)

<input type="search" placeholder="Search..." title="search" oninput="rowHighlight({0},{1},{2},{3},{4})">

{0} : HTML <input> Tag Value(Search Text)
{1} : HTML <table> Or <tbody> Tag ID
{2} : HTML <tr> Tag
{3} : Background Color(Hex color codes)
{4} : Foreground Color(Hex color codes)

Row Highlighting

다음 예제를 예제(Example)를 참고하세요.

Text Highlighting

찾으려는 값을 <td> 태그 안 <div> 태그에 포함해야합니다.
To use this feature, you must have the value you want to find in the <div> tag.

    <tr>
        <td>
            <div>Rudyard Vaughn</div>
        </td>
        <td>
            <div>(127) 180-6271</div>
        </td>
        <td>
            <div>sapien@google.ca</div>
        </td>
        <td>
            <div>539-5771 Aliquet Av.</div>
        </td>
        <td>
            <div>Connacht</div>
        </td>
        <td>
            <div>Indonesia</div>
        </td>
    </tr>