Hi, my name is Juan Pablo.

First of all. Sorry for my poor english.

My problem is that i append to my html table all the data dynamically (Columns and Rows).

So, when the render  finish i got my table complete but when i click the button "Column.."  to select Columns to show or hide. this don't show me the popup windows

I think is because I add the columns to my table dynamically

I'm Using the released version 1.3.1 of jquery mobile

With phonegap to develop a cross-platform app

I copy here my html code at first

2. <div data-role="content" id="content">
3. <div style="overflow: scroll" id="divTable">
4. <table style="position: relative;" id="TableMonitor"
5. data-role="table" data-mode="columntoggle"  class="ui-responsive                                           table-stroke table-stripe">
6. </table>
7. </div>
8. </div>

Then I use javascript to append the columns at first like this

2. var tablaHTML = new String();
3. 
   
4. tablaHTML = '<thead> \
5. <tr  class="ui-bar-d"><th/> ';
6. for (i = 0; i < columns.length; i++) {
7. if (columns[i].orden != -1) {
8. tablaHTML += "<th data-priority='1'>" + columns[i].titulo
9. + "</th>";
10. }
12. }
13. tablaHTML += '</tr ></thead>';
14. $("#TableMonitor").append(tablaHTML);
15. 
    

And I do the same thing to the <tbody>

Then after every render i use the refresh method

$("#TableMonitor").table("refresh");

How can i do to get the Column select button to work correctly?