Inline dynamic content macro resize inside Table

Confluence Development Confluence Cloud
1

Hello,

We have a inline dynamic content macro which fetch records from our internal system and displays ,just like JIRA issue macro and the content is dynamic.

We want the macro data should display in a line , but when used inside the table the macro data should be wrapped and fit to the column width just like Jira issue macro.

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="ap-local-base-url" content="{{localBaseUrl}}">
  <title>{{title}}</title>
  <link rel="stylesheet" href="//aui-cdn.atlassian.com/aui-adg/5.8.12/css/aui.css" media="all">
  <link rel="stylesheet" href="//aui-cdn.atlassian.com/aui-adg/5.8.12/css/aui-experimental.css" media="all">
  <!--[if IE 9]><link rel="stylesheet" href="//aui-cdn.atlassian.com/aui-adg/5.8.12/css/aui-ie9.css" media="all"><![endif]-->
  
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <script src="//aui-cdn.atlassian.com/aui-adg/5.8.12/js/aui-soy.js" type="text/javascript"></script>
  <script src="//aui-cdn.atlassian.com/aui-adg/5.8.12/js/aui.js" type="text/javascript"></script>
  <script src="//aui-cdn.atlassian.com/aui-adg/5.8.12/js/aui-datepicker.js"></script>
  <script src="//aui-cdn.atlassian.com/aui-adg/5.8.12/js/aui-experimental.js"></script>
  <script src="https://connect-cdn.atl-paas.net/all.js" data-options="sizeToParent:true;resize:true" type="text/javascript"></script>


</head>
<body class="aui-page-hybrid">
  <section role="main">
    <div class="ac-content" style="padding:2px;height:auto;width:auto;" >
	
        <span  class="content-wrapper conf-macro output-inline" data-hasbody="false" ">
			<span class="jira-issue">
				
				<span id="display-record-{{recordId}}">
					
					
				</span>
			</span>
		</span>
			
</div>
  </section>
</body>
</html>

Any help is appreciated.
Thanks