Can't get table element with div(display:table)

[carry0987]

I've a table element like the following:

    <div id="table">
        <div class="table-row head">
            <div class="text">
                <div class="text">
                    <div class="text">Name</div>
                    <div class="text">Email</div>
                    <div class="text">Birthday</div>
                </div>
            </div>
        </div>
        <div class="table-row body">
            <div class="text">
                <div class="text">
                    <div class="text">Jack</div>
                    <div class="text" title="[e-mail]">[e-mail]</div>
                    <div class="text">January 14, 1996</div>
                </div>
            </div>
        </div>
    </div>

Can tablesort use some specific class name to serve as thead, tbody, tr, th, td ? Like:

table-row.head => thead
table-row.body => tbody
table-row => tr
...etc