fix: added overflow on dataframe output (#7197)
* Increase min table column width * Add overflow to table on markdown * Added overflow hidden
This commit is contained in:
parent
55ee8b4c49
commit
1d9ca7b599
2 changed files with 12 additions and 3 deletions
|
|
@ -55,6 +55,15 @@ export const MarkdownField = ({
|
||||||
pre({ node, ...props }) {
|
pre({ node, ...props }) {
|
||||||
return <>{props.children}</>;
|
return <>{props.children}</>;
|
||||||
},
|
},
|
||||||
|
table: ({ node, ...props }) => {
|
||||||
|
return (
|
||||||
|
<div className="max-w-full overflow-hidden rounded-md border bg-muted">
|
||||||
|
<div className="max-h-[600px] w-full overflow-auto p-4">
|
||||||
|
<table className="!my-0 w-full">{props.children}</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
},
|
||||||
code: ({ node, inline, className, children, ...props }) => {
|
code: ({ node, inline, className, children, ...props }) => {
|
||||||
let content = children as string;
|
let content = children as string;
|
||||||
if (
|
if (
|
||||||
|
|
|
||||||
|
|
@ -18,8 +18,8 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
code {
|
code {
|
||||||
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
|
font-family:
|
||||||
monospace;
|
source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
pre {
|
pre {
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
|
|
@ -288,7 +288,7 @@ input[type="search"]::-webkit-search-cancel-button {
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown td {
|
.markdown td {
|
||||||
min-width: 78px;
|
min-width: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.jse-group-button.jse-last,
|
.jse-group-button.jse-last,
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue