docs: update feature setup sections

Author: KevinVandy

docs/config.json

@@ -302,13 +302,6 @@
             { "label": "Virtualization", "to": "framework/vue/guide/virtualization" },
             { "label": "Custom Features", "to": "framework/vue/guide/custom-features" }
           ]
-        },
-        {
-          "label": "vanilla",
-          "children": [
-            { "label": "Pagination", "to": "framework/vanilla/guide/pagination" },
-            { "label": "Sorting", "to": "framework/vanilla/guide/sorting" }
-          ]
         }
       ]
     },

docs/framework/angular/guide/column-faceting.md

@@ -8,7 +8,9 @@ Want to skip to the implementation? Check out these Angular examples:
 
 - [Faceted Filters](../examples/filters-faceted)
 
-### Angular Setup
+### Faceting Setup
+
+Here's how you set up your table to use faceting features. Adding the faceting feature enables the related APIs. Additionally, if using client-side faceting, you also need to set up `filteredRowModel` and `facetedRowModel` after their associated features because row model slots are type-checked.
 
 ```ts
 import { signal } from '@angular/core'
@@ -17,8 +19,8 @@ import { injectTable, tableFeatures, columnFacetingFeature, columnFilteringFeatu
 const features = tableFeatures({
   columnFacetingFeature,
   columnFilteringFeature,
-  filteredRowModel: createFilteredRowModel(),
-  facetedRowModel: createFacetedRowModel(),
+  filteredRowModel: createFilteredRowModel(), // if using client-side filtering
+  facetedRowModel: createFacetedRowModel(), // if using client-side faceting
   facetedUniqueValues: createFacetedUniqueValues(),
   facetedMinMaxValues: createFacetedMinMaxValues(),
   filterFns,

docs/framework/angular/guide/column-filtering.md

@@ -10,15 +10,17 @@ Want to skip to the implementation? Check out these Angular examples:
 - [Faceted Filters](../examples/filters-faceted)
 - [Fuzzy Search](../examples/filters-fuzzy)
 
-### Angular Setup
+### Column Filtering Setup
+
+Here's how you set up your table to use column filtering features. Adding the column filtering feature enables the related APIs. Additionally, if using client-side filtering, you also need to set up `filteredRowModel` after its associated feature because row model slots are type-checked.
 
 ```ts
 import { signal } from '@angular/core'
 import { injectTable, tableFeatures, columnFilteringFeature, createFilteredRowModel, filterFns } from '@tanstack/angular-table'
 
 const features = tableFeatures({
   columnFilteringFeature,
-  filteredRowModel: createFilteredRowModel(),
+  filteredRowModel: createFilteredRowModel(), // if using client-side filtering
   filterFns,
 })
 

docs/framework/angular/guide/column-ordering.md

@@ -8,7 +8,9 @@ Want to skip to the implementation? Check out these Angular examples:
 
 - [Column Ordering](../examples/column-ordering)
 
-### Angular Setup
+### Column Ordering Setup
+
+Here's how you set up your table to use column ordering features. Adding the column ordering feature enables the related APIs.
 
 ```ts
 import { signal } from '@angular/core'

docs/framework/angular/guide/column-pinning.md

@@ -10,7 +10,9 @@ Want to skip to the implementation? Check out these Angular examples:
 - [Column Pinning Split](../examples/column-pinning-split)
 - [Sticky Column Pinning](../examples/column-pinning-sticky)
 
-### Angular Setup
+### Column Pinning Setup
+
+Here's how you set up your table to use column pinning features. Adding the column pinning feature enables the related APIs.
 
 ```ts
 import { signal } from '@angular/core'

docs/framework/angular/guide/column-resizing.md

@@ -9,13 +9,18 @@ Want to skip to the implementation? Check out these Angular examples:
 - [Column Resizing](../examples/column-resizing)
 - [Performant Column Resizing](../examples/column-resizing-performant)
 
-### Angular Setup
+### Column Resizing Setup
+
+Here's how you set up your table to use column resizing features. Column resizing depends on column sizing, so add `columnSizingFeature` before `columnResizingFeature`. Adding the column resizing feature enables the related APIs.
 
 ```ts
 import { signal } from '@angular/core'
-import { injectTable, tableFeatures, columnResizingFeature } from '@tanstack/angular-table'
+import { injectTable, tableFeatures, columnSizingFeature, columnResizingFeature } from '@tanstack/angular-table'
 
-const features = tableFeatures({ columnResizingFeature })
+const features = tableFeatures({
+  columnSizingFeature,
+  columnResizingFeature,
+})
 
 export class App {
   readonly data = signal(defaultData)
@@ -36,7 +41,7 @@ Column resizing builds on column sizing. If you only need to define starting, mi
 
 ### Enable Column Resizing
 
-To use column resizing, add `columnResizingFeature` to your features. The `column.getCanResize()` API will return `true` by default for all columns, but you can either disable column resizing for all columns with the `enableColumnResizing` table option, or disable column resizing on a per-column basis with the `enableResizing` column option.
+To use column resizing, add `columnSizingFeature` and then `columnResizingFeature` to your features. The `column.getCanResize()` API will return `true` by default for all columns, but you can either disable column resizing for all columns with the `enableColumnResizing` table option, or disable column resizing on a per-column basis with the `enableResizing` column option.
 
 ```ts
 import {

docs/framework/angular/guide/column-sizing.md

@@ -8,7 +8,9 @@ Want to skip to the implementation? Check out these Angular examples:
 
 - [Column Sizing](../examples/column-sizing)
 
-### Angular Setup
+### Column Sizing Setup
+
+Here's how you set up your table to use column sizing features. Adding the column sizing feature enables the related APIs.
 
 ```ts
 import { signal } from '@angular/core'

docs/framework/angular/guide/column-visibility.md

@@ -8,7 +8,9 @@ Want to skip to the implementation? Check out these Angular examples:
 
 - [Column Visibility](../examples/column-visibility)
 
-### Angular Setup
+### Column Visibility Setup
+
+Here's how you set up your table to use column visibility features. Adding the column visibility feature enables the related APIs.
 
 ```ts
 import { signal } from '@angular/core'

docs/framework/angular/guide/expanding.md

@@ -8,15 +8,17 @@ Want to skip to the implementation? Check out these Angular examples:
 
 - [Expanding](../examples/expanding)
 
-### Angular Setup
+### Expanding Setup
+
+Here's how you set up your table to use expanding features. Adding the expanding feature enables the related APIs. Additionally, if using client-side expanding, you also need to set up `expandedRowModel` after its associated feature because row model slots are type-checked.
 
 ```ts
 import { signal } from '@angular/core'
 import { injectTable, tableFeatures, rowExpandingFeature, createExpandedRowModel } from '@tanstack/angular-table'
 
 const features = tableFeatures({
   rowExpandingFeature,
-  expandedRowModel: createExpandedRowModel(),
+  expandedRowModel: createExpandedRowModel(), // if using client-side expanding
 })
 
 export class App {

docs/framework/angular/guide/fuzzy-filtering.md

@@ -8,7 +8,9 @@ Want to skip to the implementation? Check out these Angular examples:
 
 - [Fuzzy Search](../examples/filters-fuzzy)
 
-### Angular Setup
+### Fuzzy Filtering Setup
+
+Here's how you set up your table to use fuzzy filtering features. Adding the fuzzy filtering feature enables the related APIs. Additionally, if using client-side fuzzy filtering and sorting, you also need to set up `filteredRowModel` and `sortedRowModel` after their associated features because row model slots are type-checked.
 
 ```ts
 import { signal } from '@angular/core'
@@ -21,8 +23,8 @@ const features = tableFeatures({
   columnFilteringFeature,
   globalFilteringFeature,
   rowSortingFeature,
-  filteredRowModel: createFilteredRowModel(),
-  sortedRowModel: createSortedRowModel(),
+  filteredRowModel: createFilteredRowModel(), // if using client-side filtering
+  sortedRowModel: createSortedRowModel(), // if using client-side sorting
   filterFns: { ...filterFns, fuzzy: fuzzyFilter }, // fuzzyFilter defined below
   sortFns: { ...sortFns, fuzzy: fuzzySort }, // fuzzySort defined below
   filterMeta: metaHelper<FuzzyFilterMeta>(),