1

I am trying to create a feature table following this sample. https://developers.arcgis.com/javascript/3/jssamples/featuretable.html This sample uses the data-dojo-type="dijit/layout/BorderContainer and dijit/layout/ContentPane as the containers for the map and the feature table. I however want to use the bootstrap container class as the wrapper for the map and feature table. Here's the html code for the esri sample that shows the feature table.

<body class="claro esri">
  <div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline'" style="width:100%; height:100%;">
    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center', splitter:true" style="height:50%">
      <div id="map"></div>
    </div>
    <div id="bot" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'bottom', splitter:true" style="height:50%">
      <div id="myTableNode"></div>
    </div>
  </div>
</body>

Here is my sample using bootstrap.

<body>
  <div class="container-fluid" style="width:100%; height:100%;">
      <div class="row" style="height:50%">
                <div class="col-md-12" style="height:50%">
                    <div id="mapdiv"></div></div>
        </div>
        <div class="row" style="height:50%">
                <div class="col-md-12" style="height:50%">
                    <div id="featuretablediv"></div></div>  
        </div>
  </div>
</body>

My code only works if I set the style for the columns and rows as above which is not ideal. Can someone explain to me why if I leave out the style, my feature table does not show up?

Improve this question

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.