60 строки
2.2 KiB
HTML
60 строки
2.2 KiB
HTML
<div ng-controller="PivotGridUICtrl">
|
|
<div class="content-container-fluid">
|
|
<div class="row">
|
|
<div class="cols-sample-area">
|
|
<div class="control">
|
|
<div id="PivotGrid" ej-pivotgrid e-datasource="datasource" e-enablegroupingbar="true" e-isResponsive="isResponsive" e-pivotTableFieldListID="pivotTableFieldListID" style="width: 55%; height: 670px; overflow: scroll; float: left; margin:20px 0 0 20px;"></div>
|
|
<div id="PivotSchemaDesigner" ej-pivotschemadesigner="" style="height:650px;width:40% !important;margin-top:20px;"></div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div id="property-window" class="box wide" style="width:50%; margin-left: 20px">
|
|
<div class="row">
|
|
<table>
|
|
<tr>
|
|
<td class="chkrad">
|
|
Data Source:
|
|
</td>
|
|
<td class="chkrad">
|
|
<input type="radio" ej-radiobutton e-name="type" id="rdbRelational" checked="checked" e-change="renderGrid" /><label for="rdbRelational" class="radioBtnLabel">Relational</label>
|
|
</td>
|
|
<td class="chkrad" colspan="2">
|
|
<input type="radio" ej-radiobutton e-name="type" id="rdbOlap" e-change="renderGrid" /><label for="rdbOlap" class="radioBtnLabel">OLAP</label>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<style>
|
|
.control
|
|
{
|
|
padding-left: 10px;
|
|
}
|
|
#PivotSchemaDesigner {
|
|
width: 40% !important;
|
|
}
|
|
.radioBtnLabel {
|
|
margin-left: 5px;
|
|
}
|
|
.cols-prop-area .content {
|
|
width: auto;
|
|
}
|
|
|
|
.row .cols-prop-area {
|
|
min-height: 170px;
|
|
width: auto;
|
|
}
|
|
.chkrad {
|
|
width: 150px;
|
|
padding: 10px;
|
|
}
|
|
.clslab {
|
|
margin-left: 10px;
|
|
}
|
|
</style>
|