I am using a totally standard tablix table (no embedded sub-tables or anything) in a SSRS report with a 1pt solid border around all cells which looks as I would expect during preview with consistent borders.
But when I deploy the report and run it, the borders are inconsistent with a thicker horizontal border line appearing every two or three rows, and the external borders also being inconsistent.
I see the same in Edge and Chrome.
Any ideas?
example here
Try changing the border width to 0.5pt, this worked for me.
I had the same problem.
I solved it by avoiding overlapping of borders of subsequence cells.
Mainly you don't need top border at all.
And you don't need right border for all cells except the right most one.
Here is my settings looks like:
For all cells :
Boarder Style Setting For All Cells
For right most cell:
Boarder Style Setting For Right Most Cell
The border of my top most row is covered by border of header row.
Hope it helps.
Related
I have a list of items with some styling. Basically, I have an anchor inside the list item, and the anchor has the gray background etc, while the item itself has a gradient bottom border.
Between some items, I get a white line. I've found that it's caused by the list item it self 'shining through' the label. Why?
It looks like it doesn't happen if no anchor text wraps.
It also doesn't happen if the bottom border has an even thickness (2px, 4px, etc)
I know I can hide the effect by setting the background color on the item itself. I'm more interested in why it happens then how to solve it.
Here's a link to a codesandbox showing the effect.
It seems that you are coming across a fairly well known problem.
It arises when the system is trying to map CSS pixels into the several screen pixels that make up one CSS pixel on many modern screens.
Sometimes a screen pixel gets ‘left behind’ so causing a narrow line.
It’s a bit like a rounding error.
It can often be seen when zooming at certain levels. The fact that you see it on 1px sizing is what makes me feel this is the problem here too.
I need to print a page containing a large table with borders (collapsed). Mozilla seems to remove some of the borders at random in the print window. Not only on the edges, but also borders inside the table (cell borders). I tried adjusting the page margins for printing and that seems to change which borders are deleted, but I wasn't able to find any combination of margins that displays all borders.
Meanwhile, Google Chrome prints everything flawlessly. Is there anything I can do about this?
Edit: I would like to mention that in Mozilla, the borders are displayed correctly before print. This only happens when trying to print the page.
I have heard of this occurring when border-collapse is set to collapse or separate. You may need to enact a print-only style to correct this for mozilla.
I cannot help you any further without your code. To get better answers check out this article:https://stackoverflow.com/help/how-to-ask
#media print {
table{
border-collapse: unset;
}
}
In the recent versions of Firefox, horizontal lines change thickness as the page scrolls on one of my pages. If I scroll the page until a line gets thin or disappears, and leave it at the position, it stays that way (scrolling itself isn't the problem, position on the screen is). These lines are generated in the border-bottom property of table cells. I'm trying to turn on must the bottom border of each td to create a horizontal rule between each tr.
IE, Chrome and Safari all behave.
In FF, if I change the border-collapse property to "separate", from "collapse", the lines behave, but I have unwanted gaps in the line, between each td.
Looking at the box model of the td element in Firebug, a 3px border-bottom is converted into a 1px top border and a 1px bottom border. A 12px border-bottom is converted into a 5px top border and a 6px bottom border.
I haven't been able to duplicate the behavior in jsfiddle, yet, so there must be some other property that is creating the artifacts. Therefore, I'm not too hopeful at getting a useful answer, unless someone happens to have already fought this battle and recognizes symptoms. I'm making my lines thicker and lighter in color to kludge this problem for now. The effect still occurs, but the eye doesn't notice it as much when the lines are thick.
I don't think we are allowed to post URLs, otherwise, I would post an example page from the live site.
give margin-bottom -1 it will be solve the problem.
I am using SSRS 2005(MS-BIDS 2005) to design reports.For designing one of the table i have a requirement to draw a horizontal lines above and below group headers and footers as shown in the image below
When i try to drag and drop a line from the tool box, i get the below error
Is there any way using which i can draw lines as shown in the image.
Thanks in advance :) .
You can use borders property. Make top and bottom border style as solid in border style and rest as None. Then border color as Black do it where you want lines. And just set border style as None where you don't want it.
This seems more of a SuperUser thing but I didn't see any Report Builder or SSRS tags there. Move if it's in the wrong place, please!
When I create a report in Report Builder 2, I often have charts on top and then a table underneath. The problem I encounter is that some charts get shoved over to the right, seemingly due to the table width. I'll have a few charts snuggly against each other, as I designed them, then the rest in the same row will get pushed over to align with the right side of the table beneath them, leaving a big gap between the charts on the left and the charts on the right.
How can I "disconnect" the table from the charts such that the charts don't care where the table ends, and they just stay pressed against each other with no gaps between them?
It's like this:
[chart][chart] [chart][chart]
[table-----------------]
And I want this:
[chart][chart][chart][chart]
[table-----------------]
I discovered kind of a "cheap" way of fixing this. Just add an extra column to the table and stretch it such that it takes up the remaining width of the charts above. Make the column's background and border colors white or transparent so that it isn't visible.
[chart][chart][chart][chart]
[table----hidden column----]