baselist.html

<div class="row m-1 p-1 bg-white shadow-lg rounded-top">
	<div class="col-12 p-2 mr-2 d-flex align-items-center">
		<div class="dropdown">
			<button class="btn btn-sm float-right menu mr-2" data-toggle="dropdown" aria-expanded="true" id="global_menu">
				<i class="fas fa-bars text-black"></i>
			</button>
			<div class="dropdown-menu dropdown-menu-right" aria-labelledby="global_menu" style="z-index: 1090" id="main_menu">
				<a class="dropdown-item"><span></span></a>
				<span class="dropdown-item"></span>
				<div class="dropdown-divider"></div>
			</div>
		</div>
		<a href="javascript:cMapmaker.licence()">
			<span class="title" glot-model="title"></span><br />
			<span class="subtitle" glot-model="subtitle"></span>
		</a>
	</div>
	<div class="col-1 pl-1 pr-1">
		<button class="btn btn-sm float-left menu mr-2" onclick="cMapmaker.mode_change();"><i class="fas fa-chevron-up" id="list_collapse_icon"></i></button>
	</div>
	<div class="col-4 pl-1 pr-1">
		<select class="form-control form-control-sm mt-1 ml-1" id="category_list"></select>
	</div>
	<div class="col-7 pl-1 d-flex align-items-center">
		<i class="block flex-row fas fa-search m-1 pt-1 pr-1"></i>
		<input type="text" class="flex-row form-control form-control-sm mt-1" style="width: calc(100% - 24px)" id="keyword" />
	</div>
	<div class="col-12 p-0 pt-1 m-0 mb-2 collapse show rounded-bottom rounded-end" id="list_collapse">
		<div id="filterid" class="d-flex flex-column justify-content-center ml-1">
			<div class="row">
			</div>
		</div>
		<div class="row">
			<div class="col-12">
				<div id="dataid" class="pl-1">
					<table id="tableid" class="table table-striped tagle-bordered table-hover table-sm"></table>
				</div>
			</div>
		</div>
	</div>
</div>