14. Sortable

Add list with available options with sort functionality

Sorter view

Example adding

'sorter_field' => array(
	'type' => 'sorter',
	'label' => esc_html__( 'Hello there', 'my-domain' ),
	'options' => array(
		array(
			'id' => 'list_1',
			'name' => esc_html__( 'List 1', 'my-domain' ),
			'options' => array(
				array(
					'id' => 'key_2',
					'label' => esc_html__( 'Key 2', 'my-domain' ),
					'icon' => 'fa fa-clock',
					'class' => 'disable'
 				),
				array(
					'id' => 'key_9',
					'label' => esc_html__( 'Key 9', 'my-domain' )
				),
			)
		),
		array(
			'id' => 'list_2',
			'name' => esc_html__( 'List 2', 'my-domain' ),
			'options' => array(
				array(
					'id' => 'key_4',
					'label' => esc_html__( 'Key 4', 'my-domain' )
				),
				array(
					'id' => 'key_3',
					'label' => esc_html__( 'Key 3', 'my-domain' )
				),
				array(
					'id' => 'key_7',
					'label' => esc_html__( 'Key 7', 'my-domain' )
				),
				array(
					'id' => 'key_8',
					'label' => esc_html__( 'Key 8', 'my-domain' )
				),
			)
		),
		array(
			'id' => 'list_3',
			'name' => esc_html__( 'List 3', 'my-domain' ),
			'options' => array(
				array(
					'id' => 'key_5',
					'label' => esc_html__( 'Key 5', 'my-domain' )
				),
				array(
					'id' => 'key_6',
					'label' => esc_html__( 'Key 6', 'my-domain' )
				),
			)
		),
	)
),

'sorter_field' => array(
	'type' => 'sorter',
	'label' => esc_html__( 'Hello there', 'my-domain' ),
	'options' => array(
		array(
			'id' => 'list_1',
			'name' => esc_html__( 'List 1', 'my-domain' ),
			'options' => array(
				array(
					'id' => 'key_2',
					'label' => esc_html__( 'Key 2', 'my-domain' ),
					'icon' => 'fa fa-clock',
					'class' => 'disable'
' 				),
				array(
					'id' => 'key_9',
					'label' => esc_html__( 'Key 9', 'my-domain' )
				),
			)
		)
	)
),

параметр class disable - отключает drag&drop, sortable

icon - добавляет иконку