Question

我有一个表格，开始时仅显示第一列：

#tablegrid tr td:not(:first-child) {
  display:none;
}

单击按钮时如何显示所有其他列？

以下是我尝试过的内容：

  $(document).on('click', '#revealbutton', function() {
    $("<style> #tablegrid tr td:not(:first-child) { display:show; } <\/style>").appendTo("head");
  });

Answer 1

将代码编辑为@Bean public WebServerFactoryCustomizer<TomcatServletWebServerFactory> tomcatCustomizer() { return (tomcat) -> tomcat.addConnectorCustomizers((connector) -> { int maxSize = 50000000; connector.setMaxPostSize(maxSize); connector.setMaxSavePostSize(maxSize); if (connector.getProtocolHandler() instanceof AbstractHttp11Protocol) { ((AbstractHttp11Protocol<?>) connector.getProtocolHandler()) .setMaxSwallowSize(maxSize); } }); }而不是display:table-cell

display: show

$(document).on('click', '#revealbutton', function() {
    $("<style> #tablegrid tr td:not(:first-child) { display:table-cell; } <\/style>").appendTo("head");
  });

#tablegrid tr td:not(:first-child) {
  display:none;
}

Answer 2

如果我理解正确，您可以做出类似的事情

$("button").on("click", function(){
	$("table tr td:not(:first-child)").hide();
});

<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>remove</button>
<table>
	<tr>
		<td>adsa</td>
		<td>asdas</td>
		<td>adasd</td>
		<td>adad</td>
		<td>adasd</td>
		<td>asdasd</td>
	</tr>
</table>
</html>

Answer 3

尝试一下，现在要添加！

 $('#revealbutton').on('click', function() {
    $("<style> #tablegrid tr td:not(:first-child) { display:show; } </style>").appendTo("head");
  });

让我知道是否有帮助！

Answer 4

您输入了正确的代码，但这只是Opening script标签。替换为：{{1} 也许这只是令人困惑？除此之外，一切都很好。

<style>/*A code here*/</style>

  $(document).on('click', '#revealbutton', function() {
    $("<style> #tablegrid tr td:not(:first-child) { display:show; } <\/style>").appendTo("head");
  });

#tablegrid tr td:not(:first-child) {
  display:none;
}

这应该是源代码。

希望这会有所帮助！

Answer 5

除非我误解了您的问题，否则我认为您已经使事情变得复杂了。为什么不只使用.show（）

$(document).on('click', '#revealbutton', function() {
    $('#tablegrid tr td').show();
});

它适用于JSFiddle

切换表格显示：不是第一列

5 个答案: