Implementation:Infiniflow Ragflow DatasetTagTable Component

Knowledge Sources	Infiniflow_Ragflow
Domains	Frontend, Dataset
Last Updated	2026-02-12 06:00 GMT

Overview

Concrete tag table management component with rename and delete provided by the RAGFlow frontend.

Description

The TagTable component renders a sortable, filterable, selectable data table of knowledge base tags using `@tanstack/react-table`. It displays tag name and frequency columns with sorting, supports single-row and bulk delete via `ConfirmDeleteDialog`, and provides per-row rename via a `RenameDialog`. It fetches tags through `useFetchTagList` and performs deletions through `useDeleteTag`.

Usage

Import as a named export and place within the dataset settings page. It is self-contained, reading the knowledge base ID from route params internally.

Code Reference

Source Location

• Repository: Infiniflow_Ragflow
• File: web/src/pages/dataset/dataset-setting/tag-table/index.tsx
• Lines: 1-305

Signature

export type ITag = { tag: string; frequency: number };
export function TagTable(): JSX.Element;

Import

import { TagTable } from '@/pages/dataset/dataset-setting/tag-table/index';

I/O Contract

Inputs

Name	Type	Required	Description
--	--	--	No props; fetches tag list internally via useFetchTagList and reads knowledge base ID from route params

Outputs

Name	Type	Description
JSX.Element	React.ReactElement	Renders a searchable, sortable tag table with bulk delete, single delete, and rename actions

Usage Examples

import { TagTable } from '@/pages/dataset/dataset-setting/tag-table/index';

function DatasetSettingPage() {
  return (
    <div>
      <h2>Tags</h2>
      <TagTable />
    </div>
  );
}

Related Pages

• Environment:Infiniflow_Ragflow_Frontend_Node_Environment