QueryTableComponent

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:39

集成查询构建器的实体表格组件

在实体表格上方提供筛选区域位置（通过内容投影）， 将 rxdb-query-builder 的查询结果传递给底层 EntityTableComponent。

使用方式：

<rxdb-query-table [records]="filteredRecords()" [columns]="columns">
  <div filterBar>
    <rxdb-query-builder [fields]="fields" (queryChange)="onQueryChange($event)" />
  </div>
  <div emptyState>暂无数据</div>
</rxdb-query-table>

Implements

• QueryTableHandle

Constructors

Constructor

new QueryTableComponent(): QueryTableComponent;

Returns

QueryTableComponent

Properties

batchUpdated

readonly batchUpdated: OutputEmitterRef<BatchChangeItem[]>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:68

---

cellChanged

readonly cellChanged: OutputEmitterRef<CellChangeEvent>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:65

---

cellClearable

readonly cellClearable: InputSignal<((record, field) => boolean) | undefined>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:48

业务层回调判断单元格是否可清空

---

cellErrorDetector

readonly cellErrorDetector: InputSignal<((record, field) => string | null) | undefined>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:45

---

columns

readonly columns: InputSignal<ColumnsDefine | undefined>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:41

---

entityTable

readonly entityTable: Signal<EntityTableComponent | undefined>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:75

---

filteredCount

readonly filteredCount: InputSignal<number | undefined>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:55

筛选后结果数

---

iconClicked

readonly iconClicked: OutputEmitterRef<{
  name: string;
  record: EntityTableRecord;
}>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:67

---

idField

readonly idField: InputSignal<string>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:42

---

isDarkMode

readonly isDarkMode: InputSignal<boolean | undefined>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:46

---

loading

readonly loading: InputSignal<boolean>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:57

是否显示加载状态

---

loadingMore

readonly loadingMore: InputSignal<boolean>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:59

加载更多中（已有数据，底部小 spinner，不拦截滚动）

---

loadMore

readonly loadMore: InputSignal<(() => void) | undefined>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:61

触底时加载更多数据的回调，透传给 EntityTableComponent

---

nonClearableFields

readonly nonClearableFields: InputSignal<ReadonlySet<string>>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:43

---

queryActive

readonly queryActive: InputSignal<boolean>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:51

查询条件是否激活（显示筛选状态标签）

---

records

readonly records: InputSignal<EntityTableRecord[]>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:40

---

rowDeleted

readonly rowDeleted: OutputEmitterRef<EntityTableRecord>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:66

---

rowDragEnabled

readonly rowDragEnabled: InputSignal<boolean>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:63

是否显示行拖动手柄，缺省 true，透传给 EntityTableComponent

---

rowMoved

readonly rowMoved: OutputEmitterRef<RowMoveEvent>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:71

单行拖放：被拖行与落点前后邻居

---

rowReordered

readonly rowReordered: OutputEmitterRef<string[]>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:69

---

scrollNearBottom

readonly scrollNearBottom: OutputEmitterRef<void>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:72

---

sortClicked

readonly sortClicked: OutputEmitterRef<{
  field: unknown;
  order: unknown;
}>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:73

---

statusText

readonly statusText: Signal<string>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:77

---

tableOptions

readonly tableOptions: InputSignal<Partial<ListTableConstructorOptions> | undefined>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:44

---

totalCount

readonly totalCount: InputSignal<number | undefined>;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:53

结果总数（显示在筛选状态栏中）

Accessors

tableInstance

Get Signature

get tableInstance(): ListTableAll | null;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:85

当前 VTable 表格实例；未初始化时为 null。

Returns

ListTableAll | null

Implementation of

QueryTableHandle.tableInstance

Methods

changeCellValue()

changeCellValue(
   col, 
   row, 
   value
): void;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:89

从业务层回滚单元格值（校验失败时恢复原值）。

Parameters

Parameter	Type
col	number
row	number
value	unknown

Returns

void

Implementation of

QueryTableHandle.changeCellValue

---

redrawTheme()

redrawTheme(): void;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:93

用当前暗色模式与 CSS 变量重绘主题。

Returns

void

Implementation of

QueryTableHandle.redrawTheme

---

restoreRecords()

restoreRecords(): void;

Defined in: packages/rxdb-model-angular/src/entity-table/query-table/query-table.component.ts:98

把行恢复成最近一次交给表格的顺序（委托给内部实体表格）

Returns

void

Implementation of

QueryTableHandle.restoreRecords