Spry Master Detail from two HTML tables?

Question

I'm trying to use two spry tables generated from html on the same page.I would like to set up an advaned master detail region where the "tbl_adrs" (contains Multiple addresses) references the "tbl_provider" (contains a provider name and the unique identifier 'ProNo'). Is this possible with spry data set from html tables? All examples reference spry tables from XML. If it is possible, here is the HTML to look at.
Thanks in advance.
John
</style>
<script src="../SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var ds_provider = new Spry.Data.HTMLDataSet(null, "tbl_provider");
ds_provider.setColumnType("ProNo", "number");
var ds_adrs = new Spry.Data.HTMLDataSet(null, "tbl_adrs");
ds_adrs.setColumnType("ProNo", "number");
ds_adrs.setColumnType("ID", "number");
//-->
</script>
<table width="300" border="0" id="tbl_provider">
      <tr>
        <th scope="col">Provider</th>
        <th scope="col">ProNo</th>
      </tr>
      <?php do { ?>
        <tr>
          <td><?php echo $row_rs_provider['BigName']; ?></td>
          <td><?php echo $row_rs_provider['ProNo']; ?></td>
        </tr>
        <?php } while ($row_rs_provider = mysql_fetch_assoc($rs_provider)); ?>
    </table>
    <p> </p>
    <div spry:region="ds_provider ds_adrs">
      <table>
        <tr>
          <th spry:sort="Provider">Provider</th>
          <th spry:sort="ProNo">ProNo</th>
        </tr>
        <tr spry:repeat="ds_provider" spry:odd="odd" spry:even="even" spry:hover="hover" spry:select="selected">
          <td>{Provider}</td>
          <td>{ProNo}</td>
        </tr>
      </table>
      <p>{ds_adrs::ProNo}{ds_adrs::ID}</p>
      <p>{ds_adrs::Group}</p>
      <p>{ds_adrs::Complex}</p>
      <p>{ds_adrs::Institution}</p>
      <p>{ds_adrs::Street}</p>
      <p>{ds_adrs::City}</p>
      <p>{ds_adrs::Phone}</p>
      <p>{ds_adrs::Fax}</p>
    </div>
    <p> </p>
    <p> </p>
    <table width="300" border="0" id="tbl_adrs">
      <tr>
        <th scope="col">ProNo</th>
        <th scope="col">ID</th>
        <th scope="col">Group</th>
        <th scope="col">Complex</th>
        <th scope="col">Institution</th>
        <th scope="col">Street</th>
        <th scope="col">City</th>
        <th scope="col">Phone</th>
        <th scope="col">Fax</th>
        <th scope="col">County</th>
      </tr>
      <?php do { ?>
        <tr>
          <td><?php echo $row_rs_adrs['ProNo']; ?></td>
          <td><?php echo $row_rs_adrs['ID']; ?></td>
          <td><?php echo $row_rs_adrs['Group']; ?></td>
          <td><?php echo $row_rs_adrs['Complex']; ?></td>
          <td><?php echo $row_rs_adrs['Institution']; ?></td>
          <td><?php echo $row_rs_adrs['Street']; ?></td>
          <td><?php echo $row_rs_adrs['Adrs_Comp']; ?></td>
          <td><?php echo $row_rs_adrs['Phone']; ?></td>
          <td><?php echo $row_rs_adrs['Fax']; ?></td>
          <td><?php echo $row_rs_adrs['County']; ?></td>
        </tr>
        <?php } while ($row_rs_adrs = mysql_fetch_assoc($rs_adrs)); ?>
    </table>

Answer 1

Moved to the Spry forum.