feat: Adjust anywidget CSS to prevent overflow (#1981)

The anywidget display was taking up the full width of the container, even when the container was smaller than the widget. This change adjusts the CSS to use `display: inline-block` to ensure that the widget scales to the width of the container.

Author: shuoweil

bigframes/display/table_widget.css

@@ -14,6 +14,10 @@
  * limitations under the License.
  */
 
+.bigframes-widget {
+	display: inline-block;
+}
+
 .bigframes-widget .table-container {
 	max-height: 620px;
 	overflow: auto;

bigframes/display/table_widget.js

@@ -36,8 +36,7 @@ const Event = {
  */
 function render({ model, el }) {
 	// Main container with a unique class for CSS scoping
-	const container = document.createElement("div");
-	container.classList.add("bigframes-widget");
+	el.classList.add("bigframes-widget");
 
 	// Structure
 	const tableContainer = document.createElement("div");
@@ -149,10 +148,8 @@ function render({ model, el }) {
 	footer.appendChild(paginationContainer);
 	footer.appendChild(pageSizeContainer);
 
-	container.appendChild(tableContainer);
-	container.appendChild(footer);
-
-	el.appendChild(container);
+	el.appendChild(tableContainer);
+	el.appendChild(footer);
 
 	// Initial render
 	handleTableHTMLChange();