css - KendoUI Grid column autosizing -

-

i'm trying create grid has have auto-sizing columns (within constraints) , width must never exceed width of parent div.

i have 4 columns:

       col1        col2    col3    col4 ------------------------------------------ | long text |  ...  |  ...  |  ...  | |     ...        |  ...  |  ...  |  ...  | ------------------------------------------

the values in first column long i'm using styling: white-space: nowrap; text-overflow: ellipsis; text stays in 1 line. want col2 105-170px, col3 40-190px , col4 75-150px. keep small possible avoid huge white spaces appear.

i know can achieved setting scrollable: true, don't need scrollbar , don't how sits there no use.

after playing different options , hours of searching i've decided use little less elegant solution, i've achieved looking for. if faces similar problem, here did:

  • when dom loads ($(document).ready(...) or $(...) in jquery), call code remove right padding-right of .k-grid-header , remove overflow-y of .k-grid-content.

the code i've used:

// jquery code $(".k-grid-header").css("padding-right","0"); $(".k-grid-content").css("overflow-y","initial");  // js (without jquery) equivalent var gridheaders = document.queryselectorall(".k-grid-header"); (var = 0, element; element = gridheaders[i++];)     element.paddingright = "0";  var gridcontent = document.queryselectorall(".k-grid-content"); (var = 0, element; element = gridcontent [i++];)     element.overflowy = "initial";

Comments

Post a Comment

Popular posts from this blog

design - Custom Styling Qt Quick Controls -

-
Image
i have custom design qt quick controls. example, change background colour of tool bar, since hate default design. how can that? in qt quick controls, there limited styling available via qt quick control styles items, buttonstyle , checkboxstyle , etc. at moment, other styles require delving qt sources , messing internal details. here complete example of how 1 might modify toolbar's style. main.qml import qtquick 2.1 import qtquick.layouts 1.0 import qtquick.controls 1.0 applicationwindow { toolbar: toolbar { id: toolbar component.oncompleted: toolbar.data[0].item.children = [newrectangle]; property item _newrectangle: rectangle { // rectangle within toolbarstyle's panel // gleaned from: // http://qt.gitorious.org/qt/qtquickcontrols/source/ // c304d741a27b5822a35d1fb83f8f5e65719907ce:src/styles/base/toolbarstyle.qml id: newrectangle anchors.fill: parent...
Read more

Unable to remove the www from url on https using .htaccess -

-
i want remove www site url. ie. https://www.domainname.com.au https://domainname.com.au . i have tried various .htacces code nothing work me. here present code remove www http not work https. rewriteengine on rewritebase / rewritecond %{http_host} ^www\.(.*)$ [nc] rewriterule ^/(.*)$ http://%1/$1 [r=301,l] rewritecond %{https} off rewriterule ^(.*)$ https://domainname.com.au/$1 [r=301,l] rewriterule ^code-of-conducts/(.*)/$ code-of-conducts.php?type=$1 rewriterule ^parents/post-a-job/(.*)/edit/$ parents/post-a-job.php?action=edit&id=$1 rewriterule ^parents/post-a-job/(.*)/$ parents/post-a-job.php?job_type=$1 rewriterule ^parents/open-jobs/(.*)/delete/$ parents/open-jobs.php?action=delete&id=$1 rewriterule ^parent-profile/(.*)/$ parent-profile.php?id=$1 rewriterule ^parents/job-details/(.*)$ parents/job-details.php?applied_id=$1 rewriterule ^sitterprofile/(.*)/$ sitterprofile.php?id=$1 rewriterule ^sitter/job-board/state/(.*)/page/(.*)/$ sitter/job-board.ph...
Read more