Inline Editing (Parsley Validation) Default theme

Inline Editing while doing validation using parsely validator

HIDE CODE

<?php
    
    $xcrud = Xcrud::get_instance();
    $xcrud->table('employees');
    $xcrud->table_name('Employees - Single click cell to edit!');
    $xcrud->set_attr('lastName',array('id'=>'user','data-role'=>'admin')); 
    //Activate parslet validation
    $xcrud->parsley_active(true);
    //Make extension mandatory
    $xcrud->set_attr('extension',array('required'=>'required'));
    //Ensure First Name is alpha numeric    
    $xcrud->set_attr('firstName',array('data-parsley-trigger'=>'change','required'=>'required','id'=>'user','data-parsley-type'=>'alphanum'));
    $xcrud->set_attr('lastName',array('data-parsley-trigger'=>'change','required'=>'required','id'=>'user','data-parsley-type'=>'alphanum'));
    //ensure valid email and display "Email not valid"
    $xcrud->set_attr('email',array('data-parsley-trigger'=>'change','id'=>'user','data-parsley-type'=>'email',
    'data-parsley-error-message'=>"Email not valid"));   
    //ensure office Code is between 3 and 5 number characters
    $xcrud->set_attr('reportsTo',array('id'=>'user','data-parsley-type'=>'digits','data-parsley-length'=>"[3,5]"));
    $xcrud->relation('officeCode','offices','officeCode','city');
    $xcrud->fields_inline('lastName,firstName,extension,email,officeCode,reportsTo,jobTitle');//set the fields to allow inline editing       
    $xcrud->set_logging(true);
    echo $xcrud->render();
     
?>

Employees - Single click cell to edit!

Add Export into CSV Print

#	Lastname	Firstname	Extension	Email	Officecode	Reportsto	Jobtitle	Actions
1	Patterson	William	x48711	wpatterson@classicmodelcars.com	Boston	1056	Sales Manager (APAC)	View Edit Remove
2	Bondur	Gerard	x5408	gbondur@classicmodelcars.com	Paris	1056	Sale Manager (EMEA)	View Edit Remove
3	Bow	Anthony	x5428	abow@classicmodelcars.com	San Francisco	1056	Sales Manager (NA)	View Edit Remove
4	Jennings	Leslie	x3291	ljennings@classicmodelcars.com	San Francisco	1143	Sales Rep	View Edit Remove
5	Thompson	Leslie	x4065	lthompson@classicmodelcars.com	San Francisco	1143	Sales Rep	View Edit Remove
6	Firrelli	Julie	x2173	jfirrelli@classicmodelcars.com	Boston	1143	Sales Rep	View Edit Remove
7	Patterson	Steve	x4334	spatterson@classicmodelcars.com	Boston	1143	Sales Rep	View Edit Remove
8	Tsengchu	Foon Yue	o224	ftseng@classicmodelcars.com	NYC	1143	Sales Rep	View Edit Remove
9	Vanauf	George	x4102	gvanauf@classicmodelcars.com	NYC	1143	Sales Rep	View Edit Remove
10	Bondur	Loui	x6493	lbondur@classicmodelcars.com	Paris	1102	Sales Rep	View Edit Remove