Sort by custom data attribute on a <td>?

Hi, I read a couple issues about people trying to do (I think) the same thing I am: #500, #546.

I am creating an html table, and I want to sort a column by a custom attribute instead of the actual contents of the . Is there a way to do this?

I thought this is what data-sort-name column option is for, but I can’t get it to work.

For example:

<table data-toggle="table"
    >
    <thead>
        <tr>
            <th data-field="fruit" data-sortable="true">Item</th>
            <th data-field="date"  data-sortable="true" data-sort-name="month">Date</th>
            <th data-field="type"  data-sortable="true">Type</th>
        </tr>
    </thead>
    <tbody>
        <tr><td>Pear  </td><td data-month="1">January</td> <td>Fruit</td></tr>
        <tr><td>Carrot</td><td data-month="3">March</td>   <td>Vegetable</td></tr>
        <tr><td>Apple </td><td data-month="2">February</td><td>Fruit</td></tr>
    </tbody>
</table>

When I click the “Date” header, I want it to sort by the numerical data-month attribute (1, 2, 3) rather than the text value (January, February, March).

Is this possible?

[moussa1]

@Aabling @zkan Were you able to figure out a workaround for this issue?

[moussa1]

@wenzhixin Can you please answer Aabling and zkan? I have the same issue and cannot seem to find a solution.