gp-crm-ui/components/crm-table/crm-table.component.html

Модуль компонентов UI Имя модуля: `gp-crm-ui`

<div class="wrapper">
	<div class="wrapper-inner">

		<div class="table">
			<crm-table-header class="table__header"
				[pinnedColumns]="pinnedColumns"
				[pinnedCanvasWidth]="pinnedCanvasWidth"
				[defaultColumns]="defaultColumns"
				[defaultCanvasWidth]="defaultCanvasWidth"
				[defaultViewportWidth]="viewport.width"
				[offset]="offsetLeft"
				(changeSort)="onChangeSort($event)"
				(changePin)="onChangePin($event)"
				(changeSize)="onChangeSize($event)"
				(changeSwap)="onChangeSwap($event)"
				(changeScroll)="onChangeScroll($event)">
			</crm-table-header>

			<crm-table-content class="table__content"
				[rows]="rowData"
				[options]="options"
				[pinnedColumns]="pinnedColumns"
				[pinnedCanvasWidth]="pinnedCanvasWidth"
				[defaultColumns]="defaultColumns"
				[defaultCanvasWidth]="defaultCanvasWidth"
				[offsetLeft]="offsetLeft"
				[offsetTop]="offsetTop"
				(resizedView)="onResized(viewport, $event)"
				(resizedCanvas)="onResized(canvas, $event)">
			</crm-table-content>

			<crm-table-footer class="table__footer">
			</crm-table-footer>
		</div>

		<div class="slider-vertical"
			*ngIf="isVerticalSliderVisible">
			<crm-slider direction="vertical"
				[viewport]="viewport.height"
				[canvas]="canvas.height"
				[offset]="offsetTop"
				(sliderMoved)="onVerticalSliderMoved($event)"
				(sliderLineUp)="onVerticalScroll(-LINE_SIZE)"
				(sliderLineDown)="onVerticalScroll(LINE_SIZE)"
				(sliderPageUp)="onVerticalScroll(-viewport.height)"
				(sliderPageDown)="onVerticalScroll(viewport.height)">
			</crm-slider>
		</div>
	</div>
	<div class="slider-horizontal"
		[ngClass]="{ 'slider-horizontal--margin-right': isVerticalSliderVisible }"
		*ngIf="isHorizontalSliderVisible">
		<crm-slider direction="horizontal"
			[viewport]="viewport.width"
			[canvas]="canvas.width"
			[offset]="offsetLeft"
			(sliderMoved)="onHorizontalSliderMoved($event)"
			(sliderLineUp)="onHorizontalScroll(-LINE_SIZE)"
			(sliderLineDown)="onHorizontalScroll(LINE_SIZE)"
			(sliderPageUp)="onHorizontalScroll(-viewport.width)"
			(sliderPageDown)="onHorizontalScroll(viewport.width)">
		</crm-slider>
	</div>
</div>