Skip to content

Data Table Virtual — PAM Native UI

PAM Native UI · Android evidence

p-data-table-virtual rendered by the production retained-native pipeline. The specimen below is a real Physical Samsung SM-G973F Android 12 (API 31) capture at 420 dpi, not an HTML recreation.

Physical Samsung layout, route and native interaction verified
Family
Data display
Module
data-table
PHP facade
PDataTableVirtual
Native targets
Android · UIKit

Data display component rendered through the retained-native Android and UIKit pipeline.

Android specimen

p-data-table-virtual running in the PAM Native UI Android catalog

Interaction recording

The touch trace was captured from the Android application while exercising the native component.

p-data-table-virtual native Android interaction

Showcase profiles

Every profile below is rendered by the Android catalog route shown above.

  • Standard
  • Compact
  • Fixed Header
  • Striped
  • Selectable
  • Loading
  • Empty
  • Mobile

PHP usage

use Pam\MobileUi\Material\PDataTableVirtual;
use Pam\Native\UI\Text;

PDataTableVirtual::make(
    [
        'accessibilityLabel' => "PDataTableVirtual preview",
        'density' => "compact",
        'endReachedThreshold' => 0.25,
    ],
    Text::make('Data Table Virtual'),
);

The equivalent PAM template entry point is <p-data-table-virtual>…</p-data-table-virtual>.

See the PAM Native UI guide for event, state and styling conventions, and the quality contractfor native behavior requirements.

Component properties

PropertyObserved typeShowcase values
accessibilityLabelstring"PDataTableVirtual preview"
densitystring"compact"
endReachedThresholdfloat0.25
fixedHeaderbooltrue
headersarrayStructured value
heightint280
itemHeightint52
itemValuestring"id"
itemsarrayStructured value
loadingbooltrue
loadingTextstring"Refreshing builds"
mobilebooltrue
modelValuearrayStructured value
noDataTextstring"No builds found"
prefetchint6
removeClippedSubviewsbooltrue
showSelectbooltrue
showsScrollIndicatorbooltrue
stripedbooltrue