Jquery Mobile Table in PHP code

Question

I am implementing this Jquery Mobile Table in my PHP web page.

I am running into a problem however. Because I am working in PHP, I am unable to use tags such as <table data-role="table" data-mode="columntoggle" id="my-table"> inside my code.

For example:

echo "<table data-role="table" data-mode="columntoggle" id="my-table">
  <tr><th data-priority="1">Mare</th><th data-priority="2">Stallion</th><th data-priority="3">Covering Date</th><th data-priority="5">Ovulation Scan</th><th data-priority="6">Pregnancy Scan</th></tr>";

...does not work. Is there anyway of working around this?

Chris Forrence · Accepted Answer · 2014-02-08 00:19:01Z

1

Since you're not alternating between single- and double-quotes, you're essentially closing and re-opening your strings, which will cause issues. Try this:

echo '<table data-role="table" data-mode="columntoggle" id="my-table">'
  . '<thead><tr>'
  . '<th data-priority="1">Mare</th>'
  . '<th data-priority="2">Stallion</th>'
  . '<th data-priority="3">Covering Date</th>'
  . '<th data-priority="5">Ovulation Scan</th>'
  . '<th data-priority="6">Pregnancy Scan</th></tr></thead>';

Also note the period (.). This is a concatenation operator that lets you join strings together to make them more readable. They're handy when coding, since it allows you to display code in a nicer format.

edited Feb 8, 2014 at 0:19

answered Feb 8, 2014 at 0:07

Chris Forrence

10.1k11 gold badges50 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user3037918 Over a year ago

Thanks very much Chris, that seems to have worked, however I still have one more problem. When I deselect a column from the columns tab, only the column name disappears, that columns rows still appear! any idea where i might be going wrong?

Chris Forrence Over a year ago

It looks like you need to wrap the <tr> element in a <thead> (which is the 'table head'). I did update my answer to include the <thead> opening and closing tags.

user3037918 Over a year ago

Perfect! Thanks very much Chris, great help! :)

Collectives™ on Stack Overflow

Jquery Mobile Table in PHP code

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related