Id Name Status Action
421 Educational Viking School
422 Cloudy Cardinal
423 Uptight Unicorn
424 Famous Flatworm
425 Bewildered Bee
426 Romantic Elevator - 2nd Impact
427 The Care Bears' Bungie Lord
428 Thankful Tapir
429 Difficult Dotterel
430 Hazardous Whale On The Road
431 Internet Raccoon Carnage
432 Jealous Jaguar
433 Hidden Werewolf Fantasy
434 Dull Dormouse
435 NBA Disco Temple
436 Eager Eagle
437 Witty Wolverine
438 Ill Impala
439 Robot Batman Roundup
440 Victorious Vole
( Items: 421 - 440 from 1020 )
  See the code below 👇 or see GitHub
public function createComponentGrid(): DataGrid
{
	$grid = new DataGrid();

	$grid->setDataSource($this->dibiConnection->select('*')->from('users'));

	$grid->setItemsPerPageList([20, 50, 100]);

	$grid->addColumnNumber('id', 'Id')
		->setAlign('start')
		->setFilterText();

	$grid->addColumnText('name', 'Name')
		->setFilterText();

	$grid->addColumnStatus('status', 'Status');

	$inlineAdd = $grid->addInlineAdd();

	$inlineAdd->setPositionTop()->onControlAdd[] = function ($container): void {
		$container->addText('name', '')
			->setRequired('aaa');
		$container->addText('birth_date', '');
		$container->addText('link', '');
		$container->addSelect('status', '', [
			'active' => 'Active',
			'inactive' => 'Inactive',
			'deleted' => 'Deleted',
		]);
	};

	$inlineAdd->onSubmit[] = function ($values): void {
		$this->dibiConnection->insert(
			'users',
			[
				'name' => $values['name'],
				'status' => $values['status'],
				'countries_visited' => 1,
				'birth_date' => new DateTime(),
			]
		)->execute();
		$this->flashMessage('Record was added!', 'success');
		$this->redrawControl('flashes');
	};

	return $grid;
}