Kartik Gridview responsive column headers

Question

In Kartik Gridview is there a way I can move the Column Headers and Column Search Fields so they are next to each other than stacked like this when when on an Iphone etc.

I want it to show FAQ Type - Question - Answer all on one line when I am see this on a Iphone 6 screen

have you tried add responsive table in gridview? – Muhammad Shahzad May 09 '16 at 11:30 — Muhammad Shahzad, May 09 '16 at 11:30

score 1 · Answer 1 · answered May 09 '16 at 11:31

Try this:

'responsive'=>true,

Your gridview:

use kartik\grid\GridView;

// Generate a bootstrap responsive striped table with row highlighted on hover
echo GridView::widget([
    'dataProvider'=> $dataProvider,
    'filterModel' => $searchModel,
    'columns' => $gridColumns,
    'responsive'=>true,
    'hover'=>true
]);

Refrence

Kartik Gridview responsive column headers

1 Answers1