GridTable.html 2.03 KB
<div id="NMEC_${id}" class="wev-comp-${compType}">
	<div class="wev-search" {@if normalSearch.hide == true}style="display:none;"{@/if}>
		<div class="wev-search-inner">
			<form action="javascript:void(0)">
				<input type="search" placeholder="${normalSearch.tip}">
			</form>
			<div class="wev-placeholder">
				<div class="wev-placeholder-inner wev-ellipsis">
					<span class="wev-small-icon wev-icon-search"></span><span class="wev-placeholder-text">$${normalSearch.tip}</span>
				</div>
			</div>
			<div class="wev-clear-btn"></div>
			{@if advancedSearch.enable}
			<a href="javascript:void(0);" class="wev-search-advanced"><div></div></a>
			{@/if}
		</div>
		{@if btns.length}
		<div class="wev-list-btn-container">
			{@each btns as btn, index}
			<button class="btn wev-btn-custom">$${btn.text}</button>
			{@/each} 
		</div>
		{@/if}
	</div>
	$${loading.content}
	<div class="wev-table-view-wrapper wev-gridtable-view-wrapper">
		<div class="wev-gridtable-content-wrapper">
			<div class="wev-gridtable-main-content-wrapper">
				<table style="${options.width}">
					<thead>
						<tr>
							{@each headerView.normal as viewCol}
							<th {@if viewCol.fixedColumn === true}class="wev-gridtable-fixed-col"{@/if} style="${viewCol.width}">$${viewCol.text}</th>
							{@/each} 
						</tr>
					</thead>
				</table>
				<div class="wev-gridtable-main-content-body-wrapper" style="${options.height}">
					{@if options.autoHeight !== true}
					<div class="wev-gridtable-fixed-content-body-wrapper-mapping">
						
					</div>
					{@/if}
					<table style="${options.width}">
						<tbody>
							
						</tbody>
					</table>
				</div>
			</div>
			
			<div class="wev-gridtable-fixed-content-wrapper">
				<table>
					<thead>
						<tr>
							{@each headerView.fixed as viewCol}
							<th style="${viewCol.width}">$${viewCol.text}</th>
							{@/each} 
						</tr>
					</thead>
				</table>
				<div class="wev-gridtable-fixed-content-body-wrapper" style="${options.height}">
					
				</div>	
			</div>
		</div>
		$${moreLoading.content}
	</div>
</div>