DEMO SITE v1.7.15

Nested tables in tabs Bootstrap theme

Example of table nesting in tabs implementation

HIDE CODE
<?php  
	$xcrud = Xcrud::get_instance();
    $xcrud->table('orders');
    $xcrud->default_tab('Order info');
    
    $orderdetails = $xcrud->nested_table('Order details','orderNumber','orderdetails','orderNumber'); // 2nd level
    $orderdetails->columns('productCode,quantityOrdered,priceEach');
    $orderdetails->fields('productCode,quantityOrdered,priceEach');
    $orderdetails->default_tab('Detail information');
    
    $customers = $xcrud->nested_table('Customers','customerNumber','customers','customerNumber'); // 2nd level 2
    $customers->columns('customerName,city,country');
    
    $products = $orderdetails->nested_table('Products','productCode','products','productCode'); // 3rd level
    $products->default_tab('Product details');
    
    $productLines = $products->nested_table('Product Lines','productLine','productlines','productLine'); // 4th level
    
    echo $xcrud->render();
	
?>

Orders

#OrderdateRequireddateShippeddateStatusCommentsCustomernumber 
111.02.2003 00:00:0021.02.2003 00:00:0012.02.2003 00:00:00Shippedafdsdfhsdf

sdghgdjdf
jsdjdfjd
sh
sdfh
145
217.02.2003 00:00:0002.05.2022 20:29:1221.02.2003 00:00:00ShippedGreat Itemasd asdasdasd278
324.02.2003 00:00:0003.03.2003 00:00:0014.02.2003 00:00:00ShippedDifficult to negotiate with customer. We need…131
403.03.2003 00:00:0012.03.2003 00:00:0008.03.2003 00:00:00Shipped385
510.03.2003 00:00:0019.03.2003 00:00:0011.03.2003 00:00:00ShippedCustomer requested that FedEx Ground is used for…486
618.03.2003 00:00:0024.03.2003 00:00:0020.03.2003 00:00:00Shipped187
725.03.2003 00:00:0031.03.2003 00:00:0030.03.2003 00:00:00Shipped129
824.03.2003 00:00:0003.04.2003 00:00:0029.03.2003 00:00:00ShippedCustomer requested that ad materials (such as…144
926.03.2003 00:00:0002.04.2003 00:00:0027.03.2003 00:00:00Shipped124
1001.04.2003 00:00:0007.04.2003 00:00:0002.04.2003 00:00:00Shipped172
Search