Posts Tables

Features

Detailed documentation of all posts tables features and capabilities.

Table Interface

Table Layout

Header Section:

Post type title (dynamic)
Filter tabs (status-based)
Search box
Action buttons row

Table Structure:

Checkbox column (selection)
Title column (thumbnail + title)
Status column (badge + inline edit)
Author column (avatar + inline edit)
Categories column (tag pills)
Tags column (tag pills)
Comments column (count)
Published column (date + sortable)
Actions column (context menu)

Footer Section:

Pagination controls
Items per page
Total count
Page information

Visual Design

Row Styling:

Hover effects
Selected state
Alternating rows (optional)
Status color coding
Visual hierarchy

Column Headers:

Sortable indicators
Click to sort
Visual feedback
Sort direction arrows
Column labels

Inline Editing

Title Editing

Editing Process:

Click title cell
ContentEditable activates
Edit text directly
Press Enter or blur
Saves via REST API
Updates display

Features:

ContentEditable element
Enter key to save
Blur event to save
Real-time updates
Visual feedback
Error handling

Validation:

Title required
Minimum length check
Maximum length check
Sanitization
Error messages

Status Editing

Inline Status Select:

Dropdown in table cell
All available statuses
Visual badge
Instant update
REST API call

Status Options:

Published (green)
Draft (yellow)
Pending Review (orange)
Private (gray)
Scheduled (blue)
Trash (red)

Update Process:

Click status badge
Dropdown appears
Select new status
Updates immediately
REST API call
Badge updates

Author Editing

Inline User Select:

Dropdown in table cell
Searchable user list
Paginated results
Avatar display
Name display

Features:

User search
Pagination (10 per page)
Avatar preview
Name display
Instant update

Update Process:

Click author cell
Dropdown appears
Search or browse users
Select user
Updates immediately
REST API call

Featured Image Editing

Inline Image Select:

Click image area
Media library modal
Select new image
Updates thumbnail
REST API call

Features:

Media library integration
Image preview
Thumbnail display
Instant update
Visual feedback

Update Process:

Click image thumbnail
Media library opens
Select image
Updates thumbnail
REST API call
Display updates

Batch Operations

Batch Edit

Available Fields:

Categories (multiselect)
Tags (multiselect)
Status (dropdown)
Author (user select)

Edit Process:

Select multiple posts
Click "Batch Edit" button
Modal opens
Make changes to fields
Click "Update"
Confirmation dialog
All posts updated
Success notification

Field Editing:

Categories: Add/remove categories
Tags: Add/remove tags
Status: Change status
Author: Change author

Update Logic:

Only changed fields updated
Empty fields ignored
Multiple posts processed
Sequential updates
Error handling

Batch Publish

Process:

Select posts
Floating toolbar appears
Click publish button
All selected published
Status updates
Success notification

Features:

Floating toolbar
One-click operation
Bulk publish
Status updates
Visual feedback

Batch Duplicate

Process:

Select posts
Click duplicate button
Posts duplicated
New drafts created
Title: "{Original} (copy)"
Success notification

Duplication Logic:

Copies all post data
Adds "(copy)" to title
Sets status to draft
Preserves content
Preserves metadata

Batch Delete

Process:

Select posts
Click delete button
Confirmation dialog
Confirm deletion
Posts deleted
Success notification

Deletion Options:

Move to trash (if not trashed)
Permanent delete (if trashed)
Confirmation required
Cannot be undone
Success notification

Selection Management

Selection Methods:

Click checkbox
Shift+click for range
Select all checkbox
Keyboard selection (future)

Selection Display:

Floating toolbar
Selected count
Action buttons
Clear selection
Visual feedback

Filtering & Sorting

Status Filters

Filter Tabs:

All (all statuses)
Published
Draft
Pending
Private
Scheduled
Trash

Filter Behavior:

Updates URL parameters
Filters table results
Updates counts
Persistent in URL
Browser history

Filter Display:

Tab interface
Count badges
Active indicator
Click to filter
Instant update

Category Filtering

Category Select:

Multiselect dropdown
Searchable categories
Multiple selection
Visual tags
Clear selection

Features:

Search categories
Multiple selection
Tag display
Clear button
Real-time filtering

Filter Application:

Updates pagination
Filters results
Updates URL
Persistent filter
Clear option

Date Range Filtering

Date Range Picker:

Start date selection
End date selection
Calendar interface
Predefined ranges
Custom range

Predefined Ranges:

Today
Yesterday
Last 7 days
Last 30 days
This month
Last month
This year
Last year

Filter Application:

Updates pagination
Filters by date
Updates URL
Persistent filter
Clear option

Author Filtering

Author Filter:

URL parameter based
Author ID filtering
User selection
Filter application
Clear filter

Features:

URL-based filtering
Author selection
Filter application
Clear option
Persistent

Search Functionality

Search Box:

Real-time search
Searches titles/content
Debounced input (300ms)
Instant results
Clear search

Search Behavior:

Updates as you type
Searches post content
Title matching
Content matching
Instant filtering

Search Scope:

Post titles
Post content
Post excerpts
Author names
Category names

Sorting

Sortable Columns:

Title
Status
Author
Published date
Custom sort keys

Sort Options:

Ascending (ASC)
Descending (DESC)
Column-based sorting
Visual indicators
Persistent preference

Sort Behavior:

Click column header
Toggle ascending/descending
Visual sort indicator
Instant re-sort
API-based sorting

Sort Indicators:

Arrow up (ascending)
Arrow down (descending)
No arrow (not sorted)
Visual feedback
Clear indication

Column Customization

Column Visibility

Show/Hide Columns:

Checkbox per column
Toggle visibility
Instant update
Persistent storage
Per post type

Column Options:

Title (always visible)
Status
Author
Categories
Tags
Comments
Published
Custom columns

Storage:

LocalStorage per post type
Column visibility array
Persistent preferences
User-specific
Automatic save

Column Reordering

Drag-and-Drop:

Drag handle per column
Drag to reorder
Visual feedback
Instant update
Persistent order

Reordering Process:

Click drag handle
Drag column
Drop in new position
Columns reorder
Order saved
Display updates

Storage:

LocalStorage per post type
Column order array
Persistent preferences
User-specific
Automatic save

Column Settings Panel

Access:

Settings button
Context menu opens
Column settings section
Checkboxes and drag handles
Instant preview

Settings Display:

Column list
Checkbox per column
Drag handle per column
Visual feedback
Instant update

Hierarchical Pages

Parent-Child Relationships

Hierarchical Display:

Parent pages shown first
Child pages indented
Visual hierarchy lines
Expand/collapse controls
Depth indicators

Visual Hierarchy:

Indentation (32px per level)
Hierarchy lines
Expand arrows
Child indicators
Depth-based padding

Expand/Collapse

Individual Control:

Click arrow to expand
Shows child pages
Collapse to hide
Per-page control
Visual feedback

Expand All Option:

Settings panel toggle
Expands all parents
Shows all children
Persistent preference
Per post type

Expand Behavior:

Tracks expanded posts
Stores in state
Recursive expansion
Visual feedback
Persistent preference

Child Management

Child Indicators:

Expand arrow (if has children)
Child count display
Visual indentation
Hierarchy lines
Depth-based padding

Child Count:

Shows total children
Includes nested children
Recursive counting
Display format: "X child items"
Visual indicator

Child Display:

Indented under parent
Hierarchy lines
Depth indicators
Expandable if has children
Recursive structure

Quick Actions

Row Actions Menu

Context Menu:

Right-click row
Or click action button
Context menu appears
Multiple actions
Conditional display

Menu Items:

Edit (if editable)
View (always)
Duplicate (if editable)
Restore (if trashed)
Delete (if editable)
Custom row actions
Dividers

Action Execution

Edit:

Opens post editor
Direct navigation
Edit URL
Same tab
Edit capability check

View:

Opens frontend
View URL
New tab/window
Preview
Always available

Duplicate:

Creates copy
Adds "(copy)" to title
Sets to draft
Preserves content
Success notification

Delete:

Confirmation dialog
Moves to trash
Or permanently deletes
Success notification
List refresh

Restore:

Restores from trash
Sets to draft
Success notification
List refresh
Edit capability check

Custom Row Actions

Plugin Integration:

WordPress row_actions filter
Custom actions added
Displayed in menu
Link or action
Conditional display

Action Types:

Link (external)
Action (callback)
Conditional display
Icon support
Label support

Keyboard Navigation

Click Modifiers

Normal Click:

Opens post editor
Same tab navigation
Standard behavior
Edit URL

Cmd/Ctrl + Click:

Opens in new tab
Background tab
Multi-tab workflow
Edit URL

Shift + Click:

Toggles selection
Select/deselect post
Multi-select
Range selection (future)

Alt + Click:

Opens in new tab
Background tab
Focus returns
Edit URL

Keyboard Shortcuts

Navigation:

Arrow keys (future)
Tab navigation
Enter to open
Escape to close

Selection:

Space to select (future)
Arrow keys to navigate (future)
Enter to open
Escape to cancel

Pagination

Pagination Controls

Navigation:

First page button
Previous page button
Next page button
Last page button
Page counter

Display:

Current page
Total pages
Items per page
Total items
Page information

Button States:

Disabled on boundaries
Enabled when available
Visual feedback
Click handlers
Navigation

Items Per Page

Configuration:

Settings panel option
Number input (1-100)
Default: 10
Instant update
Persistent preference

Behavior:

Updates immediately
Fetches new data
Resets to page 1
Updates pagination
Saves preference

Limits:

Minimum: 1
Maximum: 100
Validation
Error handling
Default fallback

Empty States

No Posts Found

Empty State:

Folder icon
"Nothing found" message
Helpful text
Create button
Encourages creation

Display:

Large icon
Title message
Description text
Action button
Centered layout

Performance Features

Data Fetching

Optimized Queries:

Custom endpoint
Efficient queries
Hierarchical data
Embedded data
Reduced requests

Caching:

Browser caching
API caching
Reduced requests
Faster loading
Better performance

Lazy Loading

Progressive Loading:

Loads on demand
Pagination support
Efficient loading
Better performance
Smooth UX

Responsive Design

Desktop View

Layout:

Full table display
All columns visible
Hover effects
Full feature set
Optimal spacing

Features:

All columns
Full actions
Complete filtering
Full sorting
Complete features

Tablet View

Layout:

Responsive columns
Adjusted widths
Touch-optimized
Full feature set
Optimized spacing

Adaptations:

Larger touch targets
Optimized columns
Touch gestures
Full features
Responsive layout

Mobile View

Layout:

Stacked layout
Essential columns
Touch-optimized
Simplified actions
Mobile-friendly

Features:

Essential columns
Touch gestures
Simplified UI
Mobile actions
Responsive design

Dark Mode

Full Support:

Dark theme throughout
High contrast
Readable text
Consistent styling
Theme toggle

Features:

Automatic detection
Manual toggle
Persistent preference
Smooth transitions
Consistent colors

Batch Operations Guide

Comprehensive guide to batch operations in the modern posts tables.

Inline Editing Guide

Comprehensive guide to inline editing features in the modern posts tables.