Grid Caption positioning

[Chris]

Hey Guys,

I'm binding a grid to a table (using the kendo-knockout) library and my table has a caption.  Unfortunately when the binding takes place the caption is no longer in the right place.  It stays on the content table thus appearing between the headers and the main table content.

So..
    <table>
        <caption>Caption</caption>
        <thead>...</thead>
        <tbody>...</tbody>
    </table>

Get's rendered as 

Headings
Caption
Data

rather than 

Caption
Headings
Data

as you might expect.

Is there any way to have captions supported.  I can easily overcome this by having my caption above the table in a span or some such but I'd really like to keep my html as semantic as possible.

Chris

[Dimiter Madjarov]

Hello Chris,


By default the caption will render under the Headings, because they are actually in a separate table from the one with the content. As a solution I would suggest you to keep the current markup and then use the following script to move the caption above the headings.
E.g.

$("#grid caption").insertBefore(".k-grid-header thead");

I hope that this approach will work in the current scenario.

 

Regards,
Dimiter Madjarov
Telerik