How to get rid of horizontal scrollbar in a Grid? - wakanda

How to get rid of horizontal scrollbar in a Grid? Playing with column widths does not solve.

This will hide horizontal scroll bar:
$("#[yourGirdIDHere] .waf-dataGrid-body").css("overflow-x","hidden");
The side affect is that it also turns off horizontal scrolling. If the grid has columns out of bounds horizontally, it will not be able to scroll.

I was able to get working by entering the following in the css file for the Web Component.
#{id}dataGrid1 .waf-dataGrid-body {
overflow-x:hidden;
}

Related

Scroll issue on display grid in flex container

I noticed a scroll issue when a display grid element is child of a flex one.
Here an example to explain the problem
As you can see in this screenshot, the scroll bar is at its maximum top position but the some of the grid content are hidden and there's no way to scroll them into view.
I have to use a flex box because my goal is to keep the grid centered horizontally and vertically
Any idea to solve?

While zooming out horizontal scroll bar appears in subgtid

I have a one subgrid for every row which contains 5 columns. When I set zoom to 100% in IE grid looks good. But if I zoom it out to 75%, horizontal scroll bar totally hides the subgrid. I tried manybpossible ways. Didnt work.Please anyone help me out.

Gridline formatting

If I add this style (.style("opacity", .2) to a rectangle the gridlines appear in front of the rectangle, in this example http://bl.ocks.org/bunkat/1962173. Is there a way to bring shape to front or send gridline back?
The elements in an SVG are displayed in the order in which they are added to the DOM. That is, anything you want displayed on top of everything else should be added last. In your case, you need to add the rectangle after adding the grid lines.
Here's a jsfiddle to play with dom order and opacity:
http://jsfiddle.net/laurieskelly/9jr65/
If you back the shapes with identical shapes of the background color, the grid lines will not show through.
Simpler solution: do the shapes really need to be transparent?

Grid on view in Lotus Notes 7

In the view propreties I set Grid - Dashes and Dots , color Black. But the grids are only horizontally. I want both vertical and horizontal.
The header style is Beveled. Thanks!
Native Notes applications cannot produce vertical dash-dots grids to simulate a grid. A View in Notes is record (or document) oriented. The grid setting in the view appears in version 8+. I tested dash-dot and it appears to be there, if you increase your line height it should be visible. The dash dots appear to be standard and not variable to font size.
It depends on the first column of the view, if it's not categorized, both vertical and horizontal grids are shown. As soon as you change the column to categorized, the view only shows the horizontal grids.

NSTableView with overlapping corner views has odd scrolling

I'm trying to implement an NSTableView with rounded corners. The approach I took was to put a container on top of the table view that has images only on the corners to produce the rounded effect. The problem I'm having is that when the table scrolls, the corner images scroll with the row they were drawn on. Does anyone have insights as to why this is occurring?
Edit: I tried putting a button in the center of the corner image container and it seems like the NSScrollView is going on top when it's scrolling. When it scrolls, the button is also disappearing from the view. Is the scroll view known to do this?
Solved. I took the approach of creating a child window overlay. An example of this: http://lists.apple.com/archives/Cocoa-dev/2006/Apr/msg01638.html

Resources