Jump to content
  • 0

Grid Edit column width


matstein

Question

11 answers to this question

Recommended Posts

  • 0

Hi @matstein,

 

You need to have custom code in order to achieve your desired result. You can add it on the Header of your DataPage or add it on the Users defined under Style. Here is the code:

<style>

.cbGridCtnr > .HeadCtnr {

width: 100% !important;
}
.cbGridCtnr > .HeadCtnr > .Table {

width: 100% !important;
}

.cbGridCtnr > .BodyCtnr .Cell > .Data {

width: 100% !important;
}

.cbGridCtnr > .BodyCtnr > .Table{

width: 100% !important;
}

</style>

Hope this helps. 

 

-kristina

Link to comment
Share on other sites

  • 0

Hi @matstein,

I just added "height:100% !important;" in every class. I tried it on my end and it works!

<style>

.cbGridCtnr > .HeadCtnr {

width: 100% !important;
height: 100% !important;
}
.cbGridCtnr > .HeadCtnr > .Table {

width: 100% !important;
height: 100% !important;
}

.cbGridCtnr > .BodyCtnr .Cell > .Data {

width: 100% !important;
height: 100% !important;
}

.cbGridCtnr > .BodyCtnr > .Table{

width: 100% !important;
height: 100% !important;
}

</style>

 

Cheers! :)

-kristina 

Link to comment
Share on other sites

  • 0
On 11/16/2019 at 7:37 PM, kristina said:

Hi @matstein,

I just added "height:100% !important;" in every class. I tried it on my end and it works!


<style>

.cbGridCtnr > .HeadCtnr {

width: 100% !important;
height: 100% !important;
}
.cbGridCtnr > .HeadCtnr > .Table {

width: 100% !important;
height: 100% !important;
}

.cbGridCtnr > .BodyCtnr .Cell > .Data {

width: 100% !important;
height: 100% !important;
}

.cbGridCtnr > .BodyCtnr > .Table{

width: 100% !important;
height: 100% !important;
}

</style>

 

Cheers! :)

-kristina 

Thank you @kristina !!  :)

Link to comment
Share on other sites

  • 0
On 11/16/2019 at 7:37 PM, kristina said:

Hi @matstein,

I just added "height:100% !important;" in every class. I tried it on my end and it works!


<style>

.cbGridCtnr > .HeadCtnr {

width: 100% !important;
height: 100% !important;
}
.cbGridCtnr > .HeadCtnr > .Table {

width: 100% !important;
height: 100% !important;
}

.cbGridCtnr > .BodyCtnr .Cell > .Data {

width: 100% !important;
height: 100% !important;
}

.cbGridCtnr > .BodyCtnr > .Table{

width: 100% !important;
height: 100% !important;
}

</style>

 

Cheers! :)

-kristina 

Hi - I just tried the code above and it works great for me except the header...
Appreciate any thoughts..  (I am using Tabular report with GRID Edit)

Thank you in advance!


image.thumb.png.044df7eea4c033a91d0ebc0d8d6878a3.png

Link to comment
Share on other sites

  • 0

I also tried the code but the header in grid edit looks fine. Please ensure that you don't have any style that conflicts with it.

I just added the code only in the Footer of my Tabular Report DataPage with grid edit.

On 1/9/2020 at 9:16 AM, Leon13 said:

Hi - I just tried the code above and it works great for me except the header...
Appreciate any thoughts..  (I am using Tabular report with GRID Edit)

Thank you in advance!


image.thumb.png.044df7eea4c033a91d0ebc0d8d6878a3.png

Link to comment
Share on other sites

  • 0
On 1/12/2020 at 12:15 AM, AtayBalunbalunan said:

I also tried the code but the header in grid edit looks fine. Please ensure that you don't have any style that conflicts with it.

I just added the code only in the Footer of my Tabular Report DataPage with grid edit.

Thank you SOO much, I made a rookie mistake, I had it in my header.

 

Works like a charm! 
Appreciate All Y'all!  :)

Link to comment
Share on other sites

  • 0

Hi - Just an update, here is the other way to hide a column in Grid Edit - Tabular Report.

div.HeadCtnr > table > tbody > tr.Row[class*='cbResultSetGridTableHeader'] > td:nth-child(1), td[class*='cbResultSetGridDataCell']:nth-child(1){

    display:none !important;

}

Replace 1 with the position order of column to be hidden.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...